如何用lottie animation 替换 Android 图像可绘制（滑动）？

Question

i wanted to replace these 3 states wifi images sequence(connect,connecting,connected) with 1 lotttie animation containing the 3 states:

1. When its idle it should display a still frame from wifi lottie animation .
2. When button is pressed : plays wifi lottie animation from frame x to frame y.
3. When connected it displays a still frame from wifi lottie animation .

this is the java code i need to modify:

    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

Replace you ImageView with this

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

in xml file. Replace your activity glide code with the below code and give your json file according to your if condition.

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