json动画使用

前言: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实现动画。

猜你喜欢

转载自blog.csdn.net/yufumatou/article/details/108773737