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

Question

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

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

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

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

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

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

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

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

这个怎么做？

Answer 1

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

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

您可以参考本教程以获取更多信息。