Lottie 是能让原生 App 像使用静态素材一样使用这些动画,完美实现动画效果。
Lottie 地址:https://github.com/airbnb/lottie-android
Lottie 官网:https://airbnb.design/lottie/
Android端使用方法
1. 在项目 的 build.gradle 文件添加依赖
dependencies {
//lottie
implementation "com.airbnb.android:lottie:4.2.2"
}
2. 添加 Adobe After Effects 导出的动画文件
Lottie默认读取Assets中的文件,我们需要把设计导出的动画文件.json 保存在app/src/main/assets文件里。
微信图片_20230111114105.png
3.在需要Layout 布局使用
微信图片_20230111113823.png
lottie_autoPlay表示是否自动播放
lottie_fileName表示本地Assets文件中存的json动画文件
lottie_imageAssetsFolder表示本地文件夹名字
lottie_loop表示动画循环执行
4.代码部分
这里我做的是点击那么就开始播放,按自己需求修改实用
微信图片_20230111120101.png
这里写几个实用方法,当然可以再属性是直接设置一些参数 也可用代码控制
//开启播放
lttie.playAnimation();
// 暂停播放
lttie.pauseAnimation();
// 取消播放
lttie.cancelAnimation();
// 设置播放速率,例如:2代表播放速率是不设置时的二倍
lttie.setSpeed(2f);
// 是否循环播放
lttie.loop(true);
// 判断是否正在播放
lttie.isAnimating();
PC端使用生成动画方法
这里因为是设计给的 我需要去接触了解一下后续更新 可收藏等待