而 Airbnb 开源的这个项目完美的解决以上难题，我们来看下整个流程是什么样的。
假设我们要做一个引导页面的欢迎动画，这个一般设计师会用 Adobe 旗下的 After Effects （简称 AE）来做个动画出来，设计师用 AE 做个动画比工程师用代码去实现一个动画要快的多的多，调整起来也很方便，之后 AE 上有一款插件叫做Bodymovin，这个插件也比较屌，可以直接根据 AE 上的动画文件导出 json 文件，这个 json 文件描述了该动画的一些关键点的坐标以及运动轨迹，之后我们在项目中引用 Lottie 开源库，在布局文件中简单的加上这么一句就完美的实现了。
或者代码中这样使用：
LottieAnimationViewanimationView=findViewById(R.id.animation_view);animationView.setAnimation("hello-world.json");animationView.loop(true);
值得一提的是，我们的 hello-world.json 文件只需要放在 app/src/main/assets 目录下就 ok 了。
当然，还有更多的用法，比如给动画添加事件，比如描述动画的 json 文件可以远程更新下载到本地，这样就可以不动声色的定期更新你的动画了。
有了这个库，我们可以充分发挥我们的想象力，很简单方便的就实现了一套很酷炫的动画，最重要的是，这个库是跨平台的，支持 Android、iOS 以及 ReactNative，共用一套 json 动画描述文件。
其实 Facebook 前段时间开源了一个类似的库叫做Keyframes，也是跨平台的，但是 Lottie 比 Keyframes 支持的特性更多，而且据 Airbnb 官方博客介绍，以后对让这个库支持更多的特性与功能，不得不说，真乃良心！
最后，这个库的开源地址在这里：
Android:https://github.com/airbnb/lottie-android
iOS:https://github.com/airbnb/lottie-ios
ReactNative:https://github.com/airbnb/lottie-react-native
最最后，Airbnb 还提供了一个 sample apk，考虑到部分人在 Google Play 上下载 apk 有些困难，我也贴心的把 sample apk 下载下来了，公众号 AndroidDeveloper 后台回复「lottie」关键字获取
网友评论