Sur cette page

Exemple de qtlottieviewer

Un exemple démontrant l'utilisation de Qt LottieAnimation dans une application.

Visionneuse d'animation Lottie avec contrôle de la fréquence des images et de la mise à l'échelle

Cet exemple montre comment utiliser l'élément LottieAnimation du module Qt.labs.lottieqt pour afficher et contrôler directement un fichier graphique vectoriel animé Lottie dans une application Qt Quick.

Vue d'ensemble

La partie principale de la fenêtre de l'exemple est un rectangle contenant un élément LottieAnimation qui joue une animation Lottie.

En dessous se trouve une rangée de commandes. L'utilisateur peut contrôler la vitesse de l'animation à l'aide du curseur Frame Rate et effectuer un zoom avant et arrière à l'aide du curseur Scale. L'animation peut être arrêtée et redémarrée à l'aide du bouton Play/Pause. En cas de pause, l'utilisateur peut sélectionner l'image exacte à afficher à l'aide du curseur Goto Frame. Le bouton Ouvrir affiche une boîte de dialogue de fichier, permettant à l'utilisateur de sélectionner un fichier Lottie à charger et à afficher.

LottieAnimation est un site QQuickPaintedItem, qui utilise la rastérisation logicielle des graphiques vectoriels. Pour d'autres façons d'afficher les fichiers Lottie dans les applications Quick, en utilisant le rendu du matériel graphique, voir lottietoqml et l'article VectorImage.

Exemple de projet @ 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.