介绍一下
gayhub 上的地址: lottie-android 效果图
在 Android 项目里使用
首先,在项目的 build.gradle文件中引入依赖:
implementation 'com.airbnb.android:lottie:2.5.4'
然后,在 main 文件夹下新建一个 assets 文件夹,用来放动画文件(一个 json 文件)。 这个动画文件一般由设计师用 Adobe 旗下的 After Effects (简称 AE)来做个动画出来,之后在 AE 上导入一款叫做 Bodymovin 的插件,可以直接根据 AE 上的动画文件导出 json 文件,这个 json 文件描述了该动画的一些关键点的坐标以及运动轨迹。 我在使用的时候没有设计师,我也不会用 AE,所以我推荐下这个网址:lottiefiles,上面有很多可以下载的动画文件。 这下,我们正式使用动画了。 有2种方式: 第一种,直接在布局文件中使用。
<com.airbnb.lottie.LottieAnimationView
android:id="@+id/animation_view"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
// 放在 res/raw 目录下的动画文件
app:lottie_rawRes="@raw/hello_world"
// 放在assets目录下的动画文件
app:lottie_fileName="hello_world.json"
// 开启循环
app:lottie_loop="true"
// 自动播放
app:lottie_autoPlay="true" />
第二种,在 Java 代码中使用
LottieAnimationView animationView = findViewById(R.id.animation_view);
animationView.setAnimation(R.raw.hello_world);
// or
animationView.setAnimation(R.raw.hello_world.json);
animationView.playAnimation();
好的,让我们运行一下项目。 然后你就会发现奇迹出现了,没有一张图片,没有一个gif,但是动画效果出来了!就是这么简单,就是这么暴力!
常用的方法
- LottieAnimationView.loop(true); 设置动画循环演示。
- mLottieAnimationView.isAnimating(); 是否在演示中。
- mLottieAnimationView.setProgress(0.5f); 设置演示的进度。
- mLottieAnimationView.getProgress(); 获取演示的进度。
- mLottieAnimationView.getDuration(); 获取演示的时间。
- mLottieAnimationView.playAnimation(); 运行动画。
- mLottieAnimationView.pauseAnimation(); 暂停动画。
- mLottieAnimationView.cancelAnimation(); 关闭动画。
结束
好了,我就看了这么多。剩下的不会了。