如何在iOS上重现watchOS关闭活动环动画与火花？

Question

如何在iOS上的watchOS 4中最佳地再现关闭活动响铃动画？我特别感兴趣的是旋转闪光效果。

这是我正在谈论的动画的静止帧：

和here是它的视频。

是否可以使用Core Animation实现类似的功能？

Answer 1

在可用性实验室的苏黎世科学大学，我们使用：

• 草图或插图画家或designer.gravit.io用于设计svg草图。
• 比我们在After Effects中导入它或在Haiku.ai中导入动画
• 并将其导出为。airbnbs animations library Bodymovin或也称为Lottie。因此，提供了用于web，android和ios的库。

这个解决方案优于@bryanjclark“将其导出为一系列图像”的优势在于动画在每个分辨率（svg）中都很清晰，它只有一个.json文件，你可以完全控制它的速度和帧。

否则，如果您真的只想使用代码，请查看this Article, done with OpenGL ES2.0。

或使用AnimationCore example in this SO Answer.

Answer 2

我几乎可以肯定这是一个预渲染的动画，而不是在设备上生成的东西。 （如果 在设备上生成，则不是您拥有API访问权限。）

我敢打赌：

• 一位设计师在像AfterEffects这样的工具中进行了研究，
• 将其导出为一系列图片，
• 然后开发人员使用WKImageAnimatable
之类的东西来实现它

你可以看到其他开发者使用WKImageAnimatable在他们的WatchKit应用程序中构建华丽的动画 - 例如，Cultured Code’s app Things（在那里观看视频！）有一些非常棒的小动画繁荣（几乎肯定）使用WKImageAnimatable -the-罩！