json动画使用

前言:json动画文件是有bodymovin(开源的After Effects插件)导出的,播放动画使用Airbnb开源的动画渲染库Lottie,下面是制作使用的整个工作流程。由于Lottie对json动效属性不是所有都支持的,所有在制作前要查看Lottie最新支持功能对照表

json动画使用_第1张图片

一、制作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中使用

4、动画控制

lavHeart.pauseAnimation();//暂停
lavHeart.cancelAnimation();//取消
lavHeart.playAnimation();//播放

5、除了上述方法,也可以通过网络方式加载json实现动画。

你可能感兴趣的:(Lottie)