如何向我的移动应用程序添加高级动画?

How can I add advanced animations to my mobile app?

我想在我的移动应用程序中添加 "advanced" 动画。像这样的东西:

(我已经将动画放慢到 30% 以使效果更明显)

我正在与 iOS 10+ 和 Android 一起工作。但是,目前 iOS 对我来说更重要,所以让我们专注于此。

使用基本 UIAnimations 创建示例动画的第一部分(书本、信封等淡入淡出)是可能的,但已经相当困难(例如阴影的视差效果)。我现在知道如何用纸堆创建第二部分了。

当然,这也可以使用 UIAnimations 来完成,但它会非常复杂,对吗?

那么,如何将这样的动画添加到应用程序中呢?

是否有任何工具、格式等可以在 Xcode 之外创建此类动画并导入它们?我只知道 GIF 来制作动画图像,但这是一种相当古老且有限的格式。

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

如何操作?

您可以从 "After Effects" 和 运行 通过 Lottie 创建动画。

Lottie 在 Android 和 iOS、Web 和 React Native

上原生呈现 "After Effects" 动画

您可以参考this tutorial了解更多信息。