如何用lottie animation 替換 Android 圖像可繪制（滑動）？

Question

我想用包含 3 個狀態的 1 個lotttie animation 替換這 3 個狀態的 wifi 圖像序列（連接、連接、連接）：

1. 當它空閑時，它應該顯示來自wifi lottie animation的靜止幀。
2. 按下按鈕時：從幀 x 到幀 y 播放wifi lottie animation 。
3. 連接后，它會顯示來自wifi lottie animation的靜止幀。

這是我需要修改的 java 代碼：

    protected void loadIcon() {
    if (state == WifiState.IDLE) {
        Glide.with(this).load(R.drawable.ic_connect).into(connectButtonTextView);
        Glide.with(this).load(R.drawable.ic_connect).into(connectButtonTextView);

    } else if (state == WifiState.CONNECTING_WIFI || state == WifiState.CONNECTING_CREDENTIALS) {
        connectButtonTextView.setVisibility(View.VISIBLE);
        Glide.with(this).load(R.drawable.is_connecting).into(connectButtonTextView);
        
    } else if (state == WifiState.CONNECTED) {
        Glide.with(this).load(R.drawable.ic_connected).into(connectButtonTextView);
        Glide.with(this).load(R.drawable.ic_connected).into(connectButtonTextView);
        connectButtonTextView.setVisibility(View.VISIBLE);

    }
}

Answer 1

用這個替換你ImageView

<com.airbnb.lottie.LottieAnimationView
     android:id="@+id/animationView"
     android:layout_width="match_parent"
     android:layout_height="wrap_content"
     app:lottie_url="REPLACE_JSON_URL"
     app:lottie_autoPlay="true"
     app:lottie_loop="true"/>

在 xml 文件中。 將您的活動滑行代碼替換為以下代碼，並根據您的 if 條件提供您的 json 文件。

animationView.setAnimation("abc.json")
animationView.playAnimation()
animationView.loop(true)