Erste Schritte mit „ Qt Quick “-Anwendungen

QML ist eine deklarative Sprache, mit der Benutzeroberflächen anhand ihrer visuellen Komponenten sowie deren Interaktion und Beziehungen untereinander beschrieben werden können. Es handelt sich um eine sehr gut lesbare Sprache, die entwickelt wurde, um Komponenten dynamisch miteinander zu verknüpfen, und die eine einfache Wiederverwendung und Anpassung von Komponenten innerhalb einer Benutzeroberfläche ermöglicht. Mithilfe des Moduls „ QtQuick “ können Designer und Entwickler auf einfache Weise flüssige, animierte Benutzeroberflächen in QML erstellen und haben die Möglichkeit, diese Benutzeroberflächen mit beliebigen Backend-C++-Bibliotheken zu verbinden.

Qt Academy-Kurse

Die folgenden Qt-Academy-Kurse werden für den Einstieg in QML und „ Qt Quick “ empfohlen.

Grundkurse

Kurse für Fortgeschrittene

Was ist QML?

QML ist eine Spezifikation für Benutzeroberflächen und eine Programmiersprache. Sie ermöglicht es Entwicklern und Designern gleichermaßen, leistungsstarke, flüssig animierte und optisch ansprechende Anwendungen zu erstellen. QML bietet eine gut lesbare, deklarative, JSON-ähnliche Syntax mit Unterstützung für imperative JavaScript-Ausdrücke in Kombination mit dynamischen Eigenschaftsbindungen.

import QtQuick
import QtQuick.Controls

ApplicationWindow {
    width: 400
    height: 400
    visible: true

    Button {
        id: button
        text: "A Special Button"
        background: Rectangle {
            implicitWidth: 100
            implicitHeight: 40
            color: button.down ? "#d6d6d6" : "#f6f6f6"
            border.color: "#26282a"
            border.width: 1
            radius: 4
        }
    }
}

Die QML-Sprache und die Engine-Infrastruktur werden vom Qt Qml Modul bereitgestellt. Ausführliche Informationen zur QML-Sprache finden Sie in der Qt Qml Dokumentation zum Modul.

Die folgenden Seiten enthalten weitere Informationen zu QML:

Qt Creator: Erstellen von „ Qt Quick “-Anwendungen
Qt Extension for Visual Studio Code: Tutorial: „ Qt Quick “-Anwendung
Erste Schritte mit QML – Starten Sie mit diesen Beispielen in die Arbeit mit QML
Glossar der QML-Begriffe
Die QML-Referenz – Nachschlagewerk zu den QML-Konstrukten und -Funktionen
QML-Codierungskonventionen
Alle QML-APIs nach Modulen

Was ist „ Qt Quick “?

Qt Quick ist die Standardbibliothek mit QML-Typen und -Funktionen für QML. Sie umfasst visuelle Typen, interaktive Typen, Animationen, Modelle und Ansichten sowie Partikel- und Shader-Effekte. Ein QML-Anwendungsentwickler kann mit einer einzigen Import-Anweisung auf all diese Funktionen zugreifen.

Die QML-Bibliothek „ QtQuick “ wird vom Qt Quick Modul bereitgestellt. Ausführliche Informationen zu den verschiedenen QML-Typen und weiteren von „ Qt Quick “ bereitgestellten Funktionen finden Sie in der Qt Quick Modul-Dokumentation. „ Qt Quick “ ergänzt die Standard-QML-Typen aus „ Qt Qml “ um visuelle Typen, Animationstypen und weitere QML-Typen.

Schaltflächen, Menüs und andere Steuerelemente

Für eine Reihe von UI-Steuerelementen implementiert das Qt Quick Controls Modul mehrere Steuerelemente wie Schaltflächen, Menüs und Ansichten. Diese Steuerelemente verfügen über mehrere integrierte Stile, die verwendet werden können, und unterstützen zudem die Erstellung benutzerdefinierter Stile.

Qt Quick Anwendungsentwicklung

Qt Creator bietet integrierte Unterstützung für die Erstellung von „ Qt Quick “-Anwendungen. Qt VS Tools Auch die Qt Extension für Visual Studio Code ermöglicht es Ihnen, „ Qt Quick “-Anwendungen mit Visual Studio und Visual Studio Code zu erstellen. Die „ QML Language Server “ kann von jeder IDE aus genutzt werden, die das Language-Server-Protokoll unterstützt.

Für einen designorientierten Arbeitsablauf verwenden Sie „ Qt Design Studio “.

Weitere Informationen zum Erstellen von „ Qt Quick “-Anwendungen finden Sie auf den folgenden Seiten:

Code-Beispiele und Demos

Um mehr über die Verwendung von QML-Code zu erfahren, stehen mehrere Code-Beispiele zur Verfügung, die zeigen, wie QML-Typen eingesetzt werden. Darüber hinaus gibt es mehrere Demos, die veranschaulichen, wie QML-Code in Anwendungen verwendet wird.

Erste Schritte bei der Programmierung mit „ Qt Quick “: Eine Wecker-Anwendung – ein Tutorial, das die Erstellung einer einfachen Wecker-Anwendung zeigt.
Qt Quick Beispiele und Tutorials

Fortgeschrittene Themen zur Anwendungsentwicklung

Erste Schritte mit 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.