Lottie初级教程：打造iOS APP完美动画

好的APP用户界面动画如果通过精准的设计就能极大地提升用户体验。这也常常是区分APP优秀与否的一个重要标准。实现与设计一个有意义且实用的动画是同样困难的，尤其是当动画或者视图切换非常复杂时，对iOS开发者来说是很难将这个动画在APP中实现的。

假设你不是一个独立开发者，而是在一个开发者或者UI/UX的设计师团队。有多少次设计师向你展示一个很好很酷的动画并希望能置入应用时，你也觉得这个动画很好很漂亮啊，但是却真的很难而且程序也非常长。

但有了Airbnb开发的Lottie，开发者就可以免去写一行一行的代码而非常容易地渲染动画了。你可以直接把 Adobe After Effects的动画用在你的Xcode 项目中。这真的非常实用并且还能把你实现动画的大量时间节省下来。

在这个教程中，我将向你展示如下：

什么是Lottie？

你可以从哪儿获取Lottie动画文件？

在你的iOS项目中你可以如何使用它？

什么是Lottie？

首先要说的是：什么是Lottie呢？由Airbnb开发的Lottie是一个将After Effects动画提供给任意一个iOS，macOS，Android还有React Native原生APP的文件库。这些动画通过一个叫Bodymovin的开源After Effects插件，以JSON文件的形式进行输出。Lottie通过JSON格式下载动画数据并实时提供给开发者。

换句话说，你也可以通过设计器直接把JSON文件放入Xcode project，让Lottie帮你下载动画。当然别误会，你还是需要为你的动画写一些代码，但是你会发现Lottie的确将为你的动画编码节省大量的时间。

Lottie现在不仅在GitHub上已经开源，而且还提供一个示例项目和一系列的示例动画，看看下面有没有你能用在iOS Apps当中示例动画吧。

Lottie 动画文件

在使用Lottie之前，你需要一个以JSON文件形式输出的动画数据库。如果你已经有了一个Afte