Android中Lottie的简单使用
2020-03-20 本文已影响0人
放羊娃华振
一、Lottie的介绍
开源项目地址:https://github.com/airbnb/lottie-android
Lottie是一个适用于Android和iOS的移动库,它可以使用Bodymovin解析以json 格式导出的Adobe After Effects动画,并在移动设备上进行本地渲染!
二、使用
1、引入Lottie 动画库
dependencies {
implementation 'com.airbnb.android:lottie:$lottieVersion'
}
二、布局文件中使用
<com.airbnb.lottie.LottieAnimationView
android:id="@+id/mLottieAnimationView"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_centerInParent="true"
android:layout_marginTop="10dp"
android:layout_marginBottom="10dp"
android:minWidth="50dp"
android:minHeight="50dp"
app:lottie_autoPlay="true"
app:lottie_fileName="lottie/comm/loading.json"
app:lottie_imageAssetsFolder="lottie/comm/images"
app:lottie_loop="true" />
三、Java文件中使用
LottieAnimationView lottieAnimView = findViewById(R.id.lottieAnimView);
lottieAnimView.setImageAssetsFolder("lottie/comm/images");
ottieAnimView.setAnimation("lottie/comm/loading.json");
四、属性介绍
lottie_loop 设置动画是否循环,默认是不循环的(这个在新版本中已经不建议使用了!)
lottie_colorFilter 设置动画的着色颜色,这个就是把你的动画变成了一个颜色的了!但是有些动画太深的话会变得一片模糊!所以感觉这个东西和json文件的内容有关!!!
lottie_autoPlay 设置动画是否自动播放
lottie_repeatCount 重复次数
lottie_imageAssetsFolder 动画依赖的图片资源文件地址
lottie_scale 设置动画的比例,但是我设置了并没有什么用!!!
lottie_repeatMode 设置动画的重复模式RESTART:重复、REVERSE:反向