Android Lottie动画使用

本文详细介绍了如何在AdobeAfterEffects中安装Bodymovin插件,将动画导出为JSON格式,并在Lottie中实现多平台播放。重点讲解了如何在Android和iOS应用中集成Lottie动画,包括依赖设置、动画文件管理和使用方法。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

2.在AE中安装一个叫做Bodymovin的插件。 下载 bodymovin,解压缩后只需要\build\extension\bodymovin.zxp这个档案就可以

外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传

3.手动安装plugin,以windows系统而言,要先下载 **ExMan Command Line tool **并解压缩。 再来把下载的bodymovin压缩后的 bodymovin-master\build\extension 目录下的bodymovin.zxp 这个档案复制进去同一个资料夹。

外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传

4.去找cmd,并以系统管理员身分执行。 5.打“cd C:/ExManCmd_win 所在的路径 “,进入ExManCmd的资料夹中 6.接着打 ExManCmd.exe /install bodymovin.zxp 就完成了

外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传

7.再来进入AE 后,可以在windows/extentions/bodymovin 找到插件,开启后按下Render 就完成了。 重点来了,这时会在你选的Destination Folder目录中生成一个json格式的文件,这个 json 文件描述了该动画的一些关键点的坐标以及运动轨迹。

外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传

三、如何使用Lottie

Lottie支持多平台,使用同一个JSON动画文件,可在不同平台实现相同的效果。支持Android,ios,前段。

1.依赖

在项目的 build.gradle 文件添加依赖

dependencies {
compile ‘com.airbnb.android:lottie:2.1.0’
}

2.动画文件

第一种方法,将我们所需要的动画文件loading.json保存在app/src/main/assets文件里。 第二种方法,网络上AE生成的动画文件。(网络链接)

3.使用

在布局文件中使用

<com.airbnb.lottie.LottieAnimationView<

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值