Lottie Animation 在应用程序布局中无法正常工作

Question

Lottie 动画无法正常工作。

xml 文件

 <com.airbnb.lottie.LottieAnimationView
                android:id="@+id/check_in_anim"
                android:layout_width="wrap_content"
                app:lottie_autoPlay="true"
                app:lottie_fileName="tenor.json"
                app:lottie_loop="true"
                android:layout_height="wrap_content"
                android:layout_centerHorizontal="true"
                android:layout_centerVertical="true" />

activity

  LottieAnimationView lottieAnimationView = findViewById(R.id.check_in_anim);
        lottieAnimationView.playAnimation();

我的 Lottie 文件：https://lottiefiles.com/6863-tenor

Answer 1

将你的乐透 json 放入 res/raw 并将其添加到你的 xml

app:lottie_rawRes="@raw/your_animation"

像这样

<com.airbnb.lottie.LottieAnimationView
                android:id="@+id/check_in_anim"
                app:lottie_rawRes="@raw/your_animation"
                android:layout_width="wrap_content"
                app:lottie_autoPlay="true"
                app:lottie_fileName="tenor.json"
                app:lottie_loop="true"
                android:layout_height="wrap_content"
                android:layout_centerHorizontal="true"
                android:layout_centerVertical="true" />

了解更多详情。你可以看看官方文档here

Answer 2

在您的 res/raw 文件夹中添加一个 Lottie.json 文件

现在在你的标签上使用它 -->

app:lottie_rawRes="@raw/your_animation"

完整 xml 代码 ---->

<com.airbnb.lottie.LottieAnimationView
                android:id="@+id/check_in_anim"
                app:lottie_rawRes="@raw/your_animation"
                android:layout_width="wrap_content"
                app:lottie_autoPlay="true"
                app:lottie_fileName="tenor.json"
                app:lottie_loop="true"
                android:layout_height="wrap_content"
                android:layout_centerHorizontal="true"
                android:layout_centerVertical="true" />

Lottie Animation 在应用程序布局中无法正常工作

Lottie Animation not working correctly in app layout

android

lottie