Qt Quick Controls QML Types
Qt Quick Controls bietet QML-Typen zur Erstellung von Benutzeroberflächen. Diese QML-Typen arbeiten in Verbindung mit Qt Quick und Qt Quick Layouts.
Qt Quick Controls QML-Typen können mithilfe der folgenden Importanweisung in Ihrer .qml-Datei in Ihre Anwendung importiert werden:
import QtQuick.ControlsQML-Typen
Abstrakter Basistyp, der Funktionen bereitstellt, die allen Schaltflächen gemeinsam sind | |
Abstrakte Benutzeroberflächenaktion | |
Gruppiert Aktionen | |
Gestaltetes Fenster der obersten Ebene mit Unterstützung für Kopf- und Fußzeile | |
Zeigt Hintergrundaktivitäten an, beispielsweise während Inhalte geladen werden | |
Druckknopf, der angeklickt werden kann, um einen Befehl auszuführen oder eine Frage zu beantworten | |
Sich gegenseitig ausschließende Gruppe von aktivierbaren Schaltflächen | |
Ein Kalender-Namensraum | |
Ein Kalendermodell | |
Kontrollkästchen, das ein- oder ausgeschaltet werden kann | |
Element-Delegat mit einem Kontrollkästchen, das ein- oder ausgeschaltet werden kann | |
Kombination aus Schaltfläche und Popup-Liste zur Auswahl von Optionen | |
Abstrakter Basistyp, der für Container gemeinsame Funktionen bereitstellt | |
Der angehängte Typ bietet eine Möglichkeit, ein Kontextmenü plattformspezifisch zu öffnen | |
Abstrakter Basistyp, der allen Steuerelementen gemeinsame Funktionen bereitstellt | |
Eine Zeile mit den Namen der Wochentage | |
Kontrollkästchen, das ausgelöst wird, wenn es lange genug gedrückt gehalten wird | |
Ein Drehregler, der zur Einstellung eines Werts gedreht wird | |
Popup-Dialogfeld mit Standardschaltflächen und einem Titel, das für die kurzfristige Interaktion mit dem Benutzer verwendet wird | |
Ein Schaltflächenfeld, das in Dialogen verwendet wird | |
Ermöglicht dem Benutzer die Auswahl aus einer Reihe voreingestellter Gleitkommawerte | |
Seitenleiste, die durch eine Wischgeste geöffnet und geschlossen werden kann | |
Visueller Rahmen für eine logische Gruppe von Steuerelementen | |
Visueller Rahmen und Titel für eine logische Gruppe von Steuerelementen | |
Stellt eine horizontale Kopfzeilenansicht als Ergänzung zu einer TableView bereit | |
Einfacher Element-Delegat, der in verschiedenen Ansichten und Steuerelementen verwendet werden kann | |
Gestaltete Textbeschriftung mit vererbter Schriftart | |
Popup, das als Kontextmenü oder Popup-Menü verwendet werden kann | |
Stellt eine Fenster-Menüleiste bereit | |
Zeigt ein Dropdown-Menü innerhalb einer Menüleiste an | |
Stellt ein Element innerhalb eines Menüs dar | |
Trennt eine Gruppe von Menüpunkten von benachbarten Menüpunkten | |
Ein Raster mit Tagen für einen Kalendermonat | |
Eine Fensterüberlagerung für Popups | |
Gestaltetes Seitensteuerelement mit Unterstützung für Kopf- und Fußzeile | |
Zeigt die aktuell aktive Seite an | |
Stellt einen Hintergrund bereit, der zum Stil und Thema der Anwendung passt | |
Basistyp für Popup-ähnliche Benutzeroberflächensteuerelemente | |
Zeigt den Fortschritt eines Vorgangs an | |
Exklusives Optionsfeld, das ein- oder ausgeschaltet werden kann | |
Exklusiver Element-Delegat mit einem Radio-Indikator, der ein- oder ausgeschaltet werden kann | |
Dient zur Auswahl eines Wertebereichs durch Verschieben zweier Schieberegler entlang einer Skala | |
Ein Drucktaste-Steuerelement mit abgerundeten Ecken, auf das der Benutzer klicken kann | |
Vertikale oder horizontale interaktive Bildlaufleiste | |
Vertikaler oder horizontaler, nicht interaktiver Bildlaufindikator | |
Scrollbare Ansicht | |
Ein spezielles Eingabefeld, das für Suchfunktionen vorgesehen ist | |
Wird zur Auswahl von Tabellenzellen innerhalb einer TableView verwendet | |
Dient zur Auswahl eines Werts durch Verschieben eines Schiebereglers entlang einer Schiene | |
Ermöglicht dem Benutzer die Auswahl aus einer Reihe voreingestellter Werte | |
Stellt angehängte Eigenschaften für SplitView-Schieberegler bereit | |
Ordnet Elemente mit einem verschiebbaren Trennbalken zwischen den einzelnen Elementen an | |
Stellt ein stapelbasiertes Navigationsmodell bereit | |
Delegat für wischbare Elemente | |
Ermöglicht dem Benutzer die Navigation durch Seiten durch seitliches Wischen | |
Schaltfläche, die ein- und ausgeschaltet werden kann | |
Element-Delegat mit einem Umschaltindikator, der ein- oder ausgeschaltet werden kann | |
Ermöglicht dem Benutzer das Wechseln zwischen verschiedenen Ansichten oder Teilaufgaben | |
Schaltfläche mit einem für eine TabBar geeigneten Design | |
Ein Delegat, der einer TableView zugewiesen werden kann | |
Mehrzeiliges Texteingabefeld | |
Einzeiliges Texteingabefeld | |
Container für kontextsensitive Steuerelemente | |
Schaltfläche mit einem für eine ToolBar geeigneten Erscheinungsbild | |
Trennt eine Gruppe von Elementen in einer Symbolleiste von benachbarten Elementen | |
Stellt Tooltips für jedes Steuerelement bereit | |
Ein Delegat, der einer TreeView zugewiesen werden kann | |
Drehbares Rad mit auswählbaren Elementen | |
Bietet eine vertikale Kopfzeilenansicht als Ergänzung zu einer TableView | |
Eine Spalte mit Wochennummern |
Verwendung von „ Qt Quick Controls “-Typen in Eigenschaftsdeklarationen
Wie in Qt Quick Templates 2 QML Types, basiert jeder Typ in „ Qt Quick Controls “ auf einem C++-„Template“-Typ. Diese Typen sind nicht-visuelle Implementierungen der Logik und des Verhaltens von Steuerelementen.
Beispielsweise werden die API und das Verhalten des „ Menu “-Typs durch den C++-Typ in „ Qt Quick -Vorlagen“ definiert. Jeder Stil, der ein Menü bereitstellen möchte, muss über eine „Menu.qml“-Datei verfügen, und das Stammelement in dieser Datei muss das Menü aus „ Qt Quick -Vorlagen“ sein. Wenn Sie „ QtQuick.Controls “ importieren und ein Menü in QML erstellen, erhalten Sie tatsächlich das QML-Menü, das durch die „Menu.qml“-Datei des Stils definiert ist.
Um ein Steuerelement als Typ in einer Eigenschaftsdeklaration zu verwenden, sollten Sie den entsprechenden Typ aus den „ Qt Quick “-Vorlagen verwenden. Angenommen, Sie hätten eine „ PopupOpener “-Komponente, bei der es sich um eine Schaltfläche handelt, die ein Popup öffnet:
// PopupButton.qml
import QtQuick.Controls
Button {
required property Popup popup
onClicked: popup.open()
}
// main.qml
PopupButton {
popup: saveChangesDialog
}
Dialog {
id: saveChangesDialog
// ...
}Die Ausführung dieses Codes führt zu einem Fehler:
Unable to assign Dialog_QMLTYPE to Popup_QMLTYPEDies liegt an der Vererbungshierarchie:
Popup (C++ type in QtQuick.Templates)
│ └── Popup (QML type in QtQuick.Controls)
└── Dialog (C++ type in QtQuick.Templates)
└── Dialog (QML type in QtQuick.Controls)„Dialog“ aus „ QtQuick.Controls “ leitet sich nicht von „Popup“ aus „ QtQuick.Controls “ ab, sondern von „ QtQuick.Templates “.
Verwenden Sie stattdessen „Popup“ aus den „ Qt Quick -Vorlagen“ als Eigenschaftstyp:
// PopupButton.qml
import QtQuick.Controls
import QtQuick.Templates as T
Button {
required property T.Popup popup
onClicked: popup.open()
}Weitere Informationen zum Modul „ Qt Quick Controls “ finden Sie in der Qt Quick Controls Moduldokumentation.
Weiterführende Informationen
© 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.