如何以编程方式在 Java 中添加 Lottie 动画

Question

我试图以编程方式将 Lottie Animation 添加到 Java (Android)，但我总是失败。我将在下面显示我的代码，我需要将 drawable 更改为 Lottie。

这是可绘制对象的代码：

if (status.equals("connect")) {

            vpnBtn.setBackgroundResource(R.drawable.but_connect_light);
            logTv.setTextColor(getResources().getColor(R.color.font_color));

        } else if (status.equals("connecting")) {

            vpnBtn.setBackgroundResource(R.drawable.but_connecting_dark);
            logTv.setTextColor(getResources().getColor(R.color.font_color));

        } else if (status.equals("connected")) {

            vpnBtn.setBackgroundResource(R.drawable.but_disconnect_dark);
            logTv.setTextColor(getResources().getColor(R.color.purple));

        } else if (status.equals("failed")) {

            vpnBtn.setBackgroundResource(R.drawable.but_connect_dark);

        }

这是上面的xml

<ImageView
        android:id="@+id/vpnBtn"
        android:layout_alignParentBottom="true"
        android:layout_gravity="center_horizontal"
        android:tag="1"
        android:layout_width="140dp"
        android:layout_height="140dp"
        android:background="@drawable/but_connect_light"
        android:layout_centerHorizontal="true"
        android:layout_marginBottom="50dp"/>

Answer 1

最后我用下面的解决方案实现了这个

String vpnsBtn;

if (check.equals("night")){

        switch (status) {
            case "connect":

                vpnBtn.setVisibility(View.VISIBLE);
                vpnsBtn = ("disconnected.json");
                logTv.setTextColor(getResources().getColor(R.color.font_color));

                break;
            case "connecting":

                vpnBtn.setVisibility(View.VISIBLE);
                vpnsBtn = ("connectingg.json");
                logTv.setTextColor(getResources().getColor(R.color.font_color));

                break;
            case "connected":

                vpnBtn.setVisibility(View.VISIBLE);
                vpnsBtn = ("connected.json");
                logTv.setTextColor(getResources().getColor(R.color.purple));

                break;
            case "failed":

                vpnBtn.setVisibility(View.VISIBLE);
                vpnsBtn = ("disconnected.json");

                break;
        }

    }else {

        switch (status) {
            case "connect":

                vpnBtn.setVisibility(View.VISIBLE);
                vpnsBtn = ("disconnected.json");
                logTv.setTextColor(getResources().getColor(R.color.font_color));

                break;
            case "connecting":

                vpnBtn.setVisibility(View.VISIBLE);
                vpnsBtn = ("connectingg.json");
                logTv.setTextColor(getResources().getColor(R.color.font_color));

                break;
            case "connected":

                vpnBtn.setVisibility(View.VISIBLE);
                vpnsBtn = ("connected.json");
                logTv.setTextColor(getResources().getColor(R.color.purple));

                break;
            case "failed":

                vpnBtn.setVisibility(View.VISIBLE);
                vpnsBtn = ("disconnected.json");

                break;
        }
    }

    LottieAnimationView animationView = findViewById(R.id.vpnBtn);
    animationView.setImageAssetsFolder("vpnconnect");
    animationView.setAnimation(vpnsBtn);
    animationView.loop(true);
    animationView.playAnimation();

希望这对其他想在 Android 上使用 Lottie 的动态按钮的人有所帮助。

Answer 2

首先使用这个依赖关系:

implementation 'com.airbnb.android:lottie:3.6.1'

在xml中添加LottieAnimationView：

 <com.airbnb.lottie.LottieAnimationView       
        android:id="@+id/animation"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_centerInParent="true"
        android:layout_gravity="center"
        app:lottie_autoPlay="true"
        app:lottie_fileName="loading.json"
        app:lottie_loop="true"
        app:lottie_speed="1" />

根据您的用途更改动画：

animation.setAnimation("loading.json");

注意: 将你的 lottie 动画 json 文件添加到 asset 文件夹中。

Answer 3

以上解决方案对我不起作用。它使应用程序崩溃。

尝试使用这个

animationView.setAnimation(R.raw.your_lottie_file)

或者，将其添加到 Infinite

的答案中

`String vpnsBtn;

if (check.equals("晚上")){

    switch (status) {
        case "connect":

            vpnBtn.setVisibility(View.VISIBLE);
            vpnsBtn = R.raw.disconnected;
            logTv.setTextColor(getResources().getColor(R.color.font_color));

            break;
        case "connecting":

            vpnBtn.setVisibility(View.VISIBLE);
            vpnsBtn = R.raw.connectingg;
            logTv.setTextColor(getResources().getColor(R.color.font_color));

            break;
        case "connected":

            vpnBtn.setVisibility(View.VISIBLE);
            vpnsBtn = R.raw.connected
            logTv.setTextColor(getResources().getColor(R.color.purple));

            break;
        case "failed":

            vpnBtn.setVisibility(View.VISIBLE);
            vpnsBtn = R.raw.disconnected;

            break;
    }

}else {

    switch (status) {
        case "connect":

            vpnBtn.setVisibility(View.VISIBLE);
            vpnsBtn = R.raw.disconnected;
            logTv.setTextColor(getResources().getColor(R.color.font_color));

            break;
        case "connecting":

            vpnBtn.setVisibility(View.VISIBLE);
            vpnsBtn = R.raw.connectingg;;
            logTv.setTextColor(getResources().getColor(R.color.font_color));

            break;
        case "connected":

            vpnBtn.setVisibility(View.VISIBLE);
            vpnsBtn = R.raw.connected;;
            logTv.setTextColor(getResources().getColor(R.color.purple));

            break;
        case "failed":

            vpnBtn.setVisibility(View.VISIBLE);
            vpnsBtn = R.raw.disconnected;

            break;
    }
}

LottieAnimationView animationView = findViewById(R.id.vpnBtn);
animationView.setImageAssetsFolder("vpnconnect");
animationView.setAnimation(vpnsBtn);
animationView.loop(true);
animationView.playAnimation();`

Answer 4

为了使用 Lottie，我做了这些：

在 build.gradle(:app) 中添加并同步：

implementation ‘com.airbnb.android:lottie:$lottieVersion’

然后，添加 assets 文件。然后，在那里添加 JSON 文件。然后，转到 activity_main.xml 文件，添加：

<com.airbnb.lottie.LottieAnimationView
            android:id="@+id/lav_actionBar"
            android:layout_width="match_parent"
            android:layout_height="300dp"
            android:layout_marginStart="0dp"
            android:layout_marginTop="0dp"
            android:layout_marginEnd="0dp"
            android:scaleType="centerCrop"
            app:layout_constraintEnd_toEndOf="parent"
            app:layout_constraintStart_toStartOf="parent"
            app:layout_constraintTop_toTopOf="parent"
            app:lottie_autoPlay="true"
            app:lottie_fileName="circle-load.json" --> add your JSON file name 
            app:lottie_loop="true" />

如何以编程方式在 Java 中添加 Lottie 动画

How to add a Lottie animation in Java programatically

java

android

android-studio

lottie