Lottie简单设置动画过程

最新推荐文章于 2025-09-14 02:46:45 发布

原创最新推荐文章于 2025-09-14 02:46:45 发布 · 696 阅读

0 ·

CC 4.0 BY-SA版权

android 专栏收录该内容

103 篇文章

订阅专栏

本文档介绍了如何在Android应用中集成并使用Lottie库来展示JSON动画。首先，需要在build.gradle文件中添加Lottie依赖。然后，在assets文件夹下放置JSON动画文件和相关图片。在XML布局中添加LottieAnimationView组件，并指定动画文件名和图片资源文件夹。通过设置属性可以控制动画的播放、进度和循环。在代码中，可以调用LottieAnimationView的方法来控制动画的播放状态。

官方文档：https://github.com/airbnb/lottie-android

配置

implementation 'com.airbnb.android:lottie:$lottieVersion'

最简单的使用方法

在app/main/下没有main的话直接在app文件夹下创建assets文件夹
在这里插入图片描述
然后将json文件放在其下再创建一个images文件夹存放图片文件

在布局中直接使用


    <com.airbnb.lottie.LottieAnimationView
        android:id="@+id/lottie_main"
        android:layout_height="wrap_content"
        android:layout_width="wrap_content"
        app:lottie_fileName="immersive_feeling_create_gradients.json"
        app:lottie_imageAssetsFolder="images"
        app:lottie_loop="true"
        app:lottie_autoPlay="true" />

总结

首先在要使用动画的地方在布局文件中使用com.airbnb.lottie.LottieAnimationView这个空间，并指定其使用的动画json文件

在代码中获取控件，并直接通过animationView.setProgress(0f)设置当前动画的进度，使用animationView.playAnimation()来开起动画，使用animationView.cancelAnimation();来停止动画（在activity或者fragment生命周期中设置）