Lottie Android y Compose 4.0.Justo a tiempo para Jetpack Compose 1.0 | Por Gabriel Peel | Julio de 2021
Para reproducir la animación de Lottie, necesitas tres cosas:
- Objeto LottieComposition: un modelo de datos sin estado analizado a partir de JSON.
- Animar el valor de progreso.
- La LottieComposition componible se presentará con un progreso determinado.
Crear LottieComposition
Crear una combinación es tan simple como esto:
LottieCompositionSpec especifica qué animación cargar y desde dónde cargarla. Consulte la documentación para conocer las funciones avanzadas, como reintentar o manejar el estado de carga / error.
Esto es similar a la función RecordarScrollState () de Compose y otras funciones Recordar *.
Animación LottieComposition
Con LottieComposition, debes animar su progreso. Hacerlo es tan simple como llamar:
Desde la velocidad hasta la edición, todo está sobrecargado.
Esto es similar a la función animada * AsState de Compose.
Alternativamente, puede utilizar la imperativa API animada de Lottie Compose
Esto es similar a la API animada de Compose.
Debido a que solo necesita un flotador de progreso para animar la animación compuesta, puede reemplazar el animador Lottie con absolutamente cualquier cosa, incluidos gestos, progreso de descarga u otras señales de su aplicación.
Render LottieComposición
Ahora que tiene LottieComposition y el progreso, puede juntarlos y usar LottieAnimation para combinar para renderizar
Los objetos componibles admiten Alignment y ContentScale, al igual que los objetos componibles de imágenes estándar. También es compatible con las funciones de Lottie existentes, como las propiedades dinámicas.
