qtlottieviewer Beispiel

Ein Beispiel, das die Verwendung von Qt LottieAnimation in einer Anwendung demonstriert.

Dieses Beispiel zeigt, wie das LottieAnimation Element des Qt.labs.lottieqt Moduls verwendet wird, um eine animierte Vektorgrafikdatei von Lottie direkt in einer Qt Quick Anwendung anzuzeigen und zu steuern.

Überblick

Der Hauptteil des Beispielfensters ist ein Rechteck, das ein LottieAnimation Element enthält, das eine Lottie-Animation abspielt.

Darunter befindet sich eine Reihe von Steuerelementen. Der Benutzer kann die Geschwindigkeit der Animation mit dem Schieberegler "Bildrate" steuern und mit dem Schieberegler "Skalieren" vergrößern und verkleinern. Die Animation kann mit der Schaltfläche Play/Pause angehalten und wieder gestartet werden. Wenn die Animation angehalten ist, kann der Benutzer mit dem Schieberegler Gehe zu Bild genau das Bild auswählen, das angezeigt werden soll. Mit der Schaltfläche Öffnen wird ein Dateidialog angezeigt, in dem der Benutzer eine Lottie-Datei zum Laden und Anzeigen auswählen kann.

LottieAnimation ist eine QQuickPaintedItem, die eine Software-Rasterung der Vektorgrafiken verwendet. Für alternative Möglichkeiten zur Anzeige von Lottie-Dateien in Quick-Anwendungen, die das Rendering von Grafikhardware nutzen, siehe lottietoqml und den Artikel VectorImage.

Beispielprojekt @ code.qt.io

© 2025 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.