如何将高级动画添加到移动应用程序？

Question

我想在移动应用中添加“高级” 动画。像这样的东西：

（我已将动画速度降低到30％，以使效果更明显）

我正在使用iOS 10+和Android。但是，就目前而言，iOS对我来说更重要，所以请专心于此。

使用基本的UIAnimations可以创建示例动画的第一部分（在书本，信封等中淡入淡出），但已经很困难了（例如阴影的视差效果）。我现在知道了如何用纸叠创建第二部分。

当然，也可以使用UIAnimations来完成，但这会非常复杂，是吗？

那么，如何将此类动画导入应用程序？

是否有任何工具，格式等在Xcode之外创建此类动画并将其导入？我只知道GIF可以对图像进行动画处理，但这是一种非常古老且有限的格式。

我在其中找到了这些动画的应用似乎可以非常精确地控制它们。例如，它控制动画何时开始。此外，动画在不同大小和分辨率的不同设备上看起来很棒。

该怎么做？

Answer 1

您可以从“ After Effects”创建动画，然后通过Lottie运行它。

Lottie在Android和iOS，Web和React Native上原生渲染“ After Effects”动画

您可以参考this tutorial以获得更多信息。