Breve descripción general

El widget Lottie te permite añadir animaciones ligeras y escalables a ShoutOuts de diseño dinámico utilizando archivos JSON de Lottie. Las animaciones de Lottie se cargan rápidamente, escalan sin pixelación y ayudan a mejorar la interacción visual sin afectar el rendimiento.

Este artículo explica cómo añadir una animación de Lottie a un ShoutOut, editarla y ajustar la configuración de reproducción.

Cómo funciona

Las animaciones de Lottie son archivos basados en JSON alojados en LottieFiles. En el Diseñador visual, añade un widget de Lottie y enlazalo a una animación de JSON alojada, que luego se renderiza directamente dentro del ShoutOut.

Solo se admiten enlaces de JSON generados desde LottieFiles en el Diseñador visual.

Añadir una animación de Lottie

Para añadir una animación de Lottie a un ShoutOut: para

1. En el Diseñador visual, selecciona el icono + en el menú lateral para
2. Selecciona Lottie y arrástralo al lienzo
3. Selecciona Cambiar animación para abrir LottieFiles para
   • Si no tienes una cuenta de LottieFiles, crea una de forma gratuita
4. En LottieFiles, elige una animación y selecciona Generar enlace
5. Elige la ubicación de carga para añadir la animación a tus proyectos para
6. Copia el enlace del activo JSON que se generó para para
7. Pega el enlace de JSON en el campo Pegar una URL en el Diseñador visual para

Configurar ajustes de reproducción para

Puedes controlar cómo se reproduce la animación desde el contenedor de propiedades.

Las opciones de reproducción incluyen:

• Reproducir en un bucle: activa para reproducir continuamente la animación de Lottie
• Velocidad de reproducción: establece la velocidad de reproducción, como 1x, 1,5x o 2x

Una vista previa de la animación aparece en el Diseñador visual después de añadir el enlace.

Eleva tu ShoutOut con animaciones de Lottie

Editar animaciones de Lottie

Para editar una animación de Lottie:

• Abre la animación en Lottie Editor

Notas técnicas

• El widget Lottie está disponible solo en el Diseñador visual dinámico
• Solo el enlace de JSON generado en LottieFiles funciona en el Diseñador visual para

Recursos

Para obtener más información sobre las capacidades de Lottie, consulta los siguientes recursos:

• ¿Qué es una animación Lottie?
• Centro de educación Lottie
• Preguntas frecuentes y soporte de Lottie