Generalidades

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:

  1. Objeto LottieComposition: un modelo de datos sin estado analizado a partir de JSON.
  2. Animar el valor de progreso.
  3. La LottieComposition componible se presentará con un progreso determinado.

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 *.

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.

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.

LEER  Creación de una serie de aplicaciones de podcasts: 3. Exoplayer

Publicaciones relacionadas

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Botón volver arriba