前言:json动画文件是有bodymovin(开源的After Effects插件)导出的,播放动画使用Airbnb开源的动画渲染库Lottie,下面是制作使用的整个工作流程。由于Lottie对json动效属性不是所有都支持的,所有在制作前要查看Lottie最新支持功能对照表
一、制作json动画文件
方式1、通过上面描述的流程制作
方式2、访问由DesignBarn公司推出的Lottie动画社区,查找我们需要的动画,不仅可以下载还支持编辑、预览、生成GIF等功能
方式3、访问由阿里提供的犸良平台,创建动画并支持支付宝扫描预览。
二、使用json动画
1、添加Lottie依赖
dependencies {
implementation 'com.airbnb.android:lottie:$lottieVersion'
}
2、将json文件拷贝至app/src/main/assets目录下,如果包含图片,可以将图片拷贝至app/src/main/assets/images目录下
3、xml中使用
<com.airbnb.lottie.LottieAnimationView
android:id="@+id/law_heart"
app:lottie_autoPlay="false"
app:lottie_imageAssetsFolder="images/"
app:lottie_fileName="anim_heart.json"
app:lottie_loop="false"/>
4、动画控制
lavHeart.pauseAnimation();//暂停
lavHeart.cancelAnimation();//取消
lavHeart.playAnimation();//播放
5、除了上述方法,也可以通过网络方式加载json实现动画。