En esta página

Ejemplo de qtlottieviewer

Un ejemplo que demuestra el uso de Qt LottieAnimation en una aplicación.

Visor de animaciones Lottie con controles de velocidad de fotogramas y escalado

Este ejemplo demuestra cómo utilizar el elemento LottieAnimation del módulo Qt.labs.lottieqt para mostrar y controlar directamente un archivo de gráficos vectoriales animados Lottie en una aplicación Qt Quick.

Visión general

La parte principal de la ventana de ejemplo es un rectángulo que contiene un elemento LottieAnimation que reproduce una animación Lottie.

Debajo hay una fila de controles. El usuario puede controlar la velocidad de la animación con el control deslizante Velocidad de fotogramas, y acercar y alejar la imagen con el control deslizante Escala. La animación puede detenerse y reiniciarse con el botón Reproducir/Pausa. Cuando está en pausa, el usuario puede seleccionar el fotograma exacto que se mostrará utilizando el control deslizante Ir al fotograma. El botón Abrir mostrará un diálogo de archivo, permitiendo al usuario seleccionar un archivo Lottie para cargar y mostrar.

LottieAnimation es un QQuickPaintedItem, que emplea la rasterización por software de los gráficos vectoriales. Para formas alternativas de mostrar archivos Lottie en aplicaciones Quick, utilizando renderizado de gráficos por hardware, véase lottietoqml y el elemento VectorImage.

Proyecto de ejemplo @ code.qt.io

© 2026 The Qt Company Ltd. Documentation contributions included herein are the copyrights of their respective owners. The documentation provided herein is licensed under the terms of the GNU Free Documentation License version 1.3 as published by the Free Software Foundation. Qt and respective logos are trademarks of The Qt Company Ltd. in Finland and/or other countries worldwide. All other trademarks are property of their respective owners.