How to set start and end frames for a Lottie animation in android?

When working with the Lottie animation library in Android, you can programmatically control the start and end frames of animations to achieve more precise control over the animation playback. Here are the steps and examples to follow:

Step 1: Add Lottie Dependency

First, ensure your Android project includes the Lottie dependency. Add the following to your build.gradle file:

groovy
dependencies {
    implementation 'com.airbnb.android:lottie:3.4.0'
}

Step 2: Add LottieAnimationView to Layout XML

Include the LottieAnimationView control in your layout XML file:

xml
<com.airbnb.lottie.LottieAnimationView
    android:id="@+id/lottieAnimationView"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    app:lottie_fileName="animation.json" />

Step 3: Set Animation Start and End Frames

In your Activity or Fragment, programmatically set the animation's start and end frames. Here's an example:

java
import com.airbnb.lottie.LottieAnimationView;

public class MyActivity extends AppCompatActivity {
    private LottieAnimationView lottieAnimationView;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_my);

        lottieAnimationView = findViewById(R.id.lottieAnimationView);

        // Set the animation start and end frames
        lottieAnimationView.setMinAndMaxFrame(50, 150);

        // Start animation playback
        lottieAnimationView.playAnimation();
    }
}

In this example, the setMinAndMaxFrame(50, 150) method configures the animation to play from frame 50 to frame 150. This enables precise control over which segment of the animation is displayed.

Conclusion

By following these steps, you can flexibly manage the playback range of Lottie animations in your Android project. This approach is especially valuable when you need to play specific animation segments, such as when a user completes an operation.