Android week 5 part 2

What is Lottie?

a mobile library for Android and iOS that parses Adobe After Effects animations exported as JSON and renders them natively on mobile devices

Why is Lottie considered lightweight?

Lottie animations are vector-based, making them much smaller in file size compared to traditional video or image-based animations.

How does Lottie improve performance?

Lottie uses GPU hardware acceleration for smoother performance compared to frame-based rendering.

What are some key advantages of Lottie animations?

• Lightweight

• High performance with GPU acceleration

• Customizable (adjust speed, color, progress)

• Interactive (responds to user input)

What is Jetpack Compose?

Android’s modern UI toolkit that simplifies UI development using a declarative approach with Kotlin.

How does Jetpack Compose differ from XML layouts?

Jetpack Compose uses Kotlin for UI definition, making it more flexible and concise than XML-based layouts.

Does Jetpack Compose have built-in support for Lottie?

No, but it can be integrated using the lottie-compose library.

What is lottie-compose?

A wrapper around Lottie that simplifies rendering Lottie animations in Jetpack Compose.

What is LottieComposition?

It represents the parsed Lottie animation and is loaded using rememberLottieComposition.

What does LottieAnimation do?

It is a composable function that displays the animation on the screen.

What is LottieCompositionSpec?

A specification for loading a Lottie animation from assets, resources, or a URL.

How can you control the animation state?

By managing the progress variable and using animateLottieCompositionAsState.

What does rememberLottieComposition do?

It loads the Lottie animation and keeps it in memory across recompositions.

How can you animate a Lottie composition?

Using animateLottieCompositionAsState, which allows for play/pause control.

How do you display a Lottie animation in Compose?

Using LottieAnimation(composition, progress).

How can you control the speed of a Lottie animation?

By setting the speed parameter in LottieAnimation.

How can you loop a Lottie animation?

By configuring the animation settings to loop indefinitely or a set number of times.

How can you manually control animation progress?

By adjusting the progress variable, allowing features like scrubbing or syncing with UI events.