首页 > 解决方案 > Lottie 动画在应用程序布局中无法正常工作

问题描述

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" />

活动

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

在此处输入图像描述

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

标签: androidlottie

解决方案


将您的 lottie 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" />

更多细节。你可以在这里查看官方文档


推荐阅读