如何在 Android 应用中添加 Lottie 动画

Lottie 是 Airbnb 开源的一个用于在 Android、iOS 和 Web 上展示体积小、高颜值的动画的库。

本文将教你如何在 Android 应用中使用 Lottie 动画。

步骤一：引入依赖

首先，在你的项目根目录的 build.gradle 文件中添加如下依赖：

allprojects {
    repositories {
        maven { url 'https://jitpack.io' }
    }
}

然后，在你需要使用 Lottie 的模块的 build.gradle 文件中添加如下依赖：

dependencies {
    implementation 'com.airbnb.android:lottie:3.7.1'
}

步骤二：添加 Lottie 动画文件

在你的项目中创建一个 assets 文件夹，并在其中添加 Lottie 动画文件（通常以 .json 格式存储）。可以从 Lottie 官网 https://lottiefiles.com/ 中下载或自己使用 Adobe After Effects 等工具创建。

步骤三：在布局文件中加载 Lottie 动画

在你想要加载 Lottie 动画的布局文件中添加 LottieAnimationView：

<com.airbnb.lottie.LottieAnimationView
    android:id="@+id/animation_view"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    app:lottie_rawRes="@raw/your_json_file" />

其中，lottie_rawRes 属性用于从本地文件加载 Lottie 动画。

步骤四：在代码中播放 Lottie 动画

在你的 Activity 或 Fragment 中，找到你的 LottieAnimationView 实例并通过它播放动画：

LottieAnimationView animationView = findViewById(R.id.animation_view);
animationView.playAnimation();

如果你想让动画在播放完成后重复播放，可以这样做：

animationView.setRepeatCount(ValueAnimator.INFINITE);

如果你想让动画只播放一次，可以这样做：

animationView.setRepeatCount(0);

你也可以设置动画的进度，使其从指定时间开始播放：

animationView.setProgress(0.5f);

当然，这只是 Lottie 的一些基础使用方法。Lottie 还支持很多高级特性，如动画合成、事件监听和动态修改颜色等。如果你想详细了解 Lottie 的更多使用方法，请查看官方文档 https://airbnb.io/lottie/android/android.html。