Qt Quick Beispiele und Tutorials

Qt enthält mehrere Beispiele, um eine bestimmte Verwendung zu demonstrieren. Die Beispiele laufen als Anwendungen oder als Nicht-GUI-Beispiele in Qt Creator. Qt-Tutorials zeigen Schritt-für-Schritt-Informationen und geben Einblicke in bestimmte Codeschnipsel.

Diese Seite listet die Qt Qml und Qt Quick Beispiele auf, aber auch viele andere Qt-Module enthalten Beispiele für ihre QML-API.

Ausführen der Beispiele und Demos

Die Beispiele sind in den Qt-Installationspaketen enthalten und werden über Qt Creator aufgerufen. Weitere Informationen zur Ausführung von Beispielen in Qt Creator finden Sie auf der Seite Erstellen und Ausführen eines Beispiels.

Öffnen und führen Sie die Beispiele im Willkommensmodus von Qt Creator aus. Die meisten Beispiele laufen auf verschiedenen Plattformen. Um nach plattformspezifischen Beispielen zu suchen, geben Sie den Plattformnamen (oder beliebige Schlüsselwörter) in das Suchfeld ein. Wenn Sie z. B. 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 von voll funktionsfähigen Demo-Anwendungen. Es handelt sich um vollständige Anwendungen, die zeigen, wie eine einsatzfähige Qt-Anwendung aufgebaut und strukturiert ist. Viele der Demos können auf mobilen und Desktop-Plattformen eingesetzt werden.

Calqlatr	Eine Qt Quick Anwendung, die für Geräte im Hoch- und Querformat entwickelt wurde und benutzerdefinierte Komponenten, responsive Layouts und JavaScript für die Anwendungslogik verwendet
Car Configurator	Ein Beispiel für ein Automodell, das die Verwendung von Qt Quick 3D Kameras und einer erweiterten Szenenumgebung demonstriert. Qt Quick 3D
Coffee Machine	Eine Qt Quick Anwendung mit einer zustandsbasierten benutzerdefinierten Schnittstelle
Dice	Eine Würfelwurf-Anwendung mit Qt Quick 3D Physics und anderen Qt-Modulen
FX & Material Showroom	Demonstration der Material- und Effektfunktionen von Qt Quick 3D. Dieses Beispiel zeigt, wie Sie Partikeleffekte und Materialien in folgenden Anwendungen einsetzen können Qt Quick 3D
Lightning Viewer	Eine Anwendung mit einer reaktionsfähigen Benutzeroberfläche, die Blitzeinschläge auf einer Karte in Echtzeit anzeigt, indem Qt Quick, Qt Location, Qt Positioning und Qt WebSockets kombiniert werden
OSM Buildings	Ein 3D-Gebäudebetrachter für OSM (OpenStreetMap) Gebäudekartendaten
Photo Surface	Eine QML-App für Touch-Geräte, die einen Repeater mit einem FolderListModel verwendet, um auf Inhalte in einem Ordner zuzugreifen, und einen PinchHandler, um Pinch-Gesten auf den abgerufenen Inhalt zu verarbeiten
Qt Quick 3D - XR Physics-base teleportation demo	Demonstriert, wie man in Qt Quick 3D XR eine physikabhängige Fortbewegung realisiert
Qt Quick Demo - Clocks	Eine QML-Uhr-Anwendung, die die Verwendung eines ListView-Typs zur Anzeige von Daten, die von einem ListModel generiert wurden, 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 verwendet, um XML-Daten herunterzuladen, ListModel und ListElement, um eine Kategorieliste zu erstellen, und ListView, um die Daten anzuzeigen
Robot Arm	Dieses Beispiel zeigt, wie man ein C++-Backend zu einem 3D-Projekt von Qt Design Studio hinzufügt. Dieses Beispiel demonstriert das Hinzufügen eines C++-Backends zu einem in Qt Design Studio erstellten 3D-Projekt. Das Beispiel selbst besteht aus einem interaktiven Industrieroboterarm in einer Qt Quick 3D Szene. Die 2D-Benutzeroberfläche zur Steuerung des Roboterarms wird mit Qt Quick Controls
Same Game	Eine QML-Implementierung des beliebten Puzzlespiels von Kuniaki Moribe
StocQt	Ein konfigurierbares Aktienchart für 100 Aktien
Thermostat	Eine Benutzeroberfläche für ein Heimthermostat, implementiert in Qt Quick. Sie zeigt, wie man reaktionsfähige Anwendungen erstellt, die von großen Desktop-Displays auf mobile und kleine eingebettete Displays skalieren
To Do List	Eine QML-Implementierung einer To-Do-Listen-Anwendung, die zeigt, wie man eine Anwendung erstellt, die auf jeder Plattform nativ aussieht

Entwicklung von Qt Quick Anwendungen

Auf den folgenden Seiten wird gezeigt, wie man Qt-Anwendungen mit Qt Creator und Qt Quick zu entwickeln. Die Seiten demonstrieren verschiedene Schritte wie Anwendungsfälle und Einführungsmaterial. Weitere Informationen über Qt Quick Applications und verwandte Module finden Sie auf der Seite QML Applications.

Entwicklungsumgebung

Anfangen mit QML und Qt Quick

Anwendungsfälle

Erweitern von QML

Die folgenden Tutorials zeigen, wie eine QML-basierte Anwendung mit C++-Code kombiniert und erweitert werden kann, indem das Qt Qml Modul.

Beispiele

Beispiele sind kleine Anwendungen, die zeigen, wie man verschiedene Funktionen von Qt Quick implementiert. Die Beispiele laufen auf verschiedenen Plattformen und werden von Qt Creator aus geöffnet.

QML-Typen und Steuerelemente

Layouts und Ansichten

Bilder und Grafiken

Formen

Tastatur, Fokus und Berührung

System und Ereignisse

Szenendiagramm

Erweitern des Scene Graphs mit nativen 3D-APIs

Hinzufügen von Qt Quick Szenen in QWidget Anwendungen

Qt Quick für Android

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