android 使用Lottie实现Android动画

首先，我们来了解一下什么是Lottie

最近研究了一下这个Lottie，17年年初就出现了这个东西，据说很好用，但貌似用的不是很广泛，我也是粗略的了解了一下，还拉了个UI同事帮忙做了一下动画

Lottie是一个支持Android、iOS、React Native，并由 Adobe After Effects制作aep格式的动画，然后经由bodymovin插件转化渲染为json格式可被移动端本地识别解析的Airbnb开源库。

Lottie实时呈现After Effects动画效果，让应用程序可以像使用静态图片一样轻松地使用动画。

Lottie支持API 14及以上，也就是Android 4.0、4.0.1、4.0.2，基本上兼容市面上所有的手机。

---

那么，怎么实现呢？

先说说android代码吧

1.在build.gradle中添加

dependencies {  
  compile 'com.airbnb.android:lottie:2.2.0'
}

2.layout文件中添加

<com.airbnb.lottie.LottieAnimationView
        android:id="@+id/lottieView"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        app:lottie_fileName="lottieView.json"
        app:lottie_loop="true"
        app:lottie_autoPlay="true" />

3.的lottieView.json就需要UI设计人员为你提供了，并把这个文件放在app/src/main/assets目录中

---

再来说说UI方面吧

1.UI设计人员需要准备一款设计软件，那就是After Effects(简称 AE)

2.在AE中安装一个叫做Bodymovin的插件 点击下载

3.下载完成后，使用管理员命令打开下载的文件所在的文件夹，然后ExManCmd.exe /install bodymovin.zxp，这时候再次进入AE，就可以在插件中找到bodymovin

重点来了，这时会在你选的Destination Folder目录中生成一个json格式的文件，这个 json 文件描述了该动画的一些关键点的坐标以及运动轨迹。

这个json文件 就是我们所需要的东西

---

今天就简单写到这里吧，有时间 我会把图片整合一下传上来