Apple Watch 实现 page 和圆形进度条效果

今天整理一下在 Apple Watch 上实现 Page 和圆形进度条两种效果，刚开始做的时候也很头大，也没见有多少人写特别是关于 圆形进度条效果 的博客。其实这两种效果实现起来超乎想象的简单。

Page

实现Page效果有两种方式：

第一种在storyboard上连线

page_sb.png

第一个controller连第二个controller选择next page
第二个controller连第三个controller选择next page
他们之间的返回，SB也已经为我们做好了

第二种使用代码

ExtensionDelegate

func applicationDidFinishLaunching() {
    // Perform any final initialization of your application.
    WKInterfaceController.reloadRootControllers(withNames: ["Controller1",
                                                            "Controller2",
                                                            "Controller3"],
                                                contexts: nil)
}

如果说我想让Page中的第一个controller的按钮操作影响第二个controller，我目前找到的方法是 notification

圆形进度条

当时为了这个东西也是翻遍的了度娘
后来还是在stackoverflow上找到一个答案。 WKImageAnimatable 协议的有一个函数：

// Play a subset of images for a certain number of times. 0 means repeat until stop.
public func startAnimatingWithImages(in imageRange: NSRange, duration: TimeInterval, repeatCount: Int)

类似 UIImageView 的 startAnimating() 方法，看到这里明眼人就明白了，watch上实现的进度条是一张图片，进度的改变的过程就是一组帧动画你要做的就是算好执行到哪一帧

实现进度条用到的图片已经有大大们制作好了工具传送门

最后编辑于：2017.12.10 21:37:27

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成，浏览时请结合常识与多方信息审慎甄别。
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

Apple Watch 实现 page 和圆形进度条效果