Upgrade von Qt 5 Tutorial zur dynamischen Anordnung von Qml-Ansichten

Qt Quick Beispiele und Tutorials

Qt enthält mehrere Beispiele, die eine bestimmte Anwendungsweise veranschaulichen. Die Beispiele laufen als Anwendungen oder als Beispiele ohne grafische Benutzeroberfläche in Qt Creator und Qt Extension for Visual Studio Code. Qt-Tutorials bieten Schritt-für-Schritt-Anleitungen und geben Einblicke in bestimmte Codeausschnitte.

Auf dieser Seite sind die Qt Qml und Qt Quick Beispiele auf, doch viele andere Qt-Module enthalten ebenfalls Beispiele zu ihrer QML-API.

Ausführen der Beispiele und Demos

Die Beispiele sind in den Qt-Installationsprogrammen enthalten und können über Qt Creator und Qt Extension for Visual Studio Code aufgerufen werden. Weitere Informationen zum Ausführen der Beispiele finden Sie unter:

Öffnen und führen Sie Beispiele im Modus „ Welcome “ unter Qt Creator oder Qt Extension for Visual Studio Code aus. Die meisten Beispiele laufen auf verschiedenen Plattformen. Um nach plattformspezifischen Beispielen zu suchen, geben Sie den Plattformnamen (oder beliebige Stichwörter) in das Suchfeld ein. Wenn Sie beispielsweise „ mobile “ in das Suchfeld eingeben, werden die Beispiele aufgelistet, die vollständig mit den mobilen Plattformen kompatibel sind.

Weitere Beispiele und Tutorials finden Sie auf der Seite „Qt-Beispiele und Tutorials “.

Qt Quick Demos

Hier finden Sie eine Liste voll funktionsfähiger Demo-Anwendungen. Es handelt sich um vollständige Anwendungen, die zeigen, wie eine bereitstellbare Qt-Anwendung aufgebaut und strukturiert ist. Viele der Demos lassen sich auf mobilen und Desktop-Plattformen bereitstellen.

Calqlatr	Ein Taschenrechner, der für Geräte im Quer- und Hochformat konzipiert ist. Er nutzt benutzerdefinierte Komponenten von „ Qt Quick “ sowie responsive Layouts für die Benutzeroberfläche und JavaScript für die Anwendungslogik
Car Configurator	Ein Beispiel für ein Automodell, das die Verwendung von „ Qt Quick 3D “-Kameras, einer erweiterten Szenenumgebung und Qt Quick 3D
Coffee Machine	Eine „ Qt Quick “-Anwendung mit einer zustandsbasierten benutzerdefinierten Benutzeroberfläche
Dice	Eine Anwendung zum Würfeln, die „ Qt Quick 3D Physics“ und andere Qt-Module nutzt
FX & Material Showroom	Demonstriert die Material- und Effekte-Funktionen von „ Qt Quick 3D “. Dieses Beispiel zeigt, wie Sie Partikeleffekte und Materialien in Qt Quick 3D
Graphs with CSV Data	So visualisieren Sie Daten aus einer CSV-Datei in Qt Graphs
Lightning Viewer	einer Anwendung mit einer reaktionsschnellen Benutzeroberfläche, die Blitzeinschläge in Echtzeit auf einer Karte anzeigt, durch die Kombination von „ Qt Quick “, „ Qt Location “, „ Qt Positioning “ und Qt WebSockets
OSM Buildings	Ein 3D-Gebäudeviewer für OSM-Gebäudekartendaten (OpenStreetMap)
Photo Surface	Eine QML-App für Touch-Geräte, die einen „Repeater“ mit einem „FolderListModel“ nutzt, um auf Inhalte in einem Ordner zuzugreifen, sowie einen „PinchHandler“, um Pinch-Gesten bei den abgerufenen Inhalten zu verarbeiten
Qt Quick 3D - XR Physics-base teleportation demo	Demonstriert, wie man in „ Qt Quick 3D “ XR physikbasierte Fortbewegung umsetzt
Qt Quick Demo - Clocks	Eine QML-Uhr-Anwendung, die die Verwendung eines ListView-Typs zur Anzeige von durch ein ListModel generierten Daten und eines SpringAnimation-Typs zur Animation von Bildern demonstriert
Qt Quick Demo - RESTful API client	Beispiel für die Erstellung eines RESTful-API-QML-Clients
Qt Quick Demo - RSS News	Ein QML-RSS-Newsreader, der die benutzerdefinierten QML-Typen „XmlListModel“ und „XmlListModelRole“ zum Herunterladen von XML-Daten, „ListModel“ und „ListElement“ zum Erstellen einer Kategorieliste sowie „ListView“ zur Anzeige der Daten verwendet
Robot Arm	Veranschaulicht, wie man einem 3D-Projekt ein C++-Backend hinzufügt, aus Qt Design Studio
Same Game	Eine QML-Implementierung des beliebten Puzzlespiels von Kuniaki Moribe
StocQt	Ein konfigurierbares Aktienchart für 100 Aktien
Thermostat	Das Thermostat-Beispiel zeigt, wie je nach Fenstergröße unterschiedliche Designs implementiert werden können
To Do List	Eine QML-Implementierung einer To-Do-Listen-Anwendung, die zeigt, wie man eine Anwendung erstellt, die auf jeder Plattform wie eine native Anwendung aussieht
Toy Customizer	Ein Beispiel zur 3D-Anpassung, das die interaktive Spielzeugauswahl und Anpassungen des Erscheinungsbilds in Echtzeit mithilfe von Qt Quick 3D

Entwicklung von „ Qt Quick “-Anwendungen

Auf den folgenden Seiten wird gezeigt, wie man Qt-Anwendungen mit Qt Creator und „ Qt Quick “ entwickelt werden. Die Seiten veranschaulichen verschiedene Schritte wie Anwendungsfälle und Einführungsmaterial. Weitere Informationen zu „ Qt Quick “-Anwendungen und zugehörigen Modulen finden Sie auf der Seite „QML-Anwendungen “.

Entwicklungsumgebung

Erste Schritte mit QML und Qt Quick

Anwendungsfälle

Erweiterung von QML

Die folgenden Tutorials zeigen, wie eine QML-basierte Anwendung mithilfe des Qt Qml Moduls kombiniert und erweitert werden kann.

Beispiele

Beispiele sind kleine Anwendungen, die veranschaulichen, wie verschiedene Funktionen von „ Qt Quick “ implementiert werden können. Die Beispiele laufen auf verschiedenen Plattformen und lassen sich über „ Qt Creator “ öffnen.

QML-Typen und Steuerelemente

Layouts und Ansichten

Bilder und Grafiken

Formen

Tastatur, Fokus und Touch

System und Ereignisse

Szenengraph

Erweiterung des Szenengraphen mithilfe nativer 3D-APIs

Hinzufügen von „ Qt Quick “-Szenen in „ QWidget “-Anwendungen

Qt Quick für Android

Upgrade von Qt 5 Tutorial zur dynamischen Anordnung von Ansichten in Qml

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