flutter 动画json_使用lottie加载json动画

先上效果图，这个是做的一个仿抖音的点赞动画：

giphy.gif

众所周知，属性动画、补间动画通常只能做一些效果简单的，而做复杂的动画可采用gif图，帧动画，但是这样资源空间增大导致apk增大不小。而加载json文件实现动画就完美解决以上问题。

设计师AE导出Json文件，Lotti 解析Json文件后调Core Animation的API绘制渲染。所以让你们公司的UI去学一学AE吧，多们技能好防身。

Lottie开源库地址：一个集Android、Ios、React Native与Web平台于一身的女子。

https://github.com/airbnb/lottie-android

使用方式：

引入库

compile 'com.airbnb.android:lottie:1.0.1'

创建assets文件夹，将json文件放入其中。

image.png

引用LottieAnimationView控件

android:id="@+id/lottie_likeanim"

android:layout_width="match_parent"

android:layout_height="match_parent"

app:lottie_fileName="likeanim.json"

app:lottie_loop="tr