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

  • 0
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值