Qt Quick Controls - Galerie

Das Galerie-Beispiel ist eine einfache Anwendung mit einem Seitenmenü, das alle Qt Quick Controls. Jeder Menüpunkt öffnet eine Seite, die das grafische Erscheinungsbild eines Steuerelements zeigt, die Interaktion mit dem Steuerelement ermöglicht und erklärt, unter welchen Umständen die Verwendung dieses Steuerelements sinnvoll ist.

Befindet sich die Anwendung im Hochformat, ist die Seitenleiste ein interaktives Seitenpanel, das vom linken Rand aus durch Wischen geöffnet werden kann. Es erscheint über dem Inhalt und verhindert durch seinen modalen Hintergrund die Interaktion des Benutzers. Befindet sich die Anwendung im Querformat, werden die Seitenleiste und der Inhalt nebeneinander angeordnet.

Die aktuelle Ausrichtung der Anwendung wird durch den Vergleich der Breite und Höhe des Fensters sowie der Konfiguration des Ausrichtungsmodus in den Einstellungen ermittelt:

readonly property bool portraitMode: !orientationCheckBox.checked || window.width < window.height

Da dieses Beispiel alle integrierten „ Qt Quick Controls “-Stile unterstützt, wird die Stilauswahl zur Laufzeit verwendet.

Ausführen des Beispiels

Sie können das Beispiel wie folgt ausführen:

• Qt Creator

  Öffnen Sie den „ Welcome “-Modus und wählen Sie das Beispiel unter „ Examples “ aus. Weitere Informationen finden Sie unter „Qt Creator “: Tutorial: Erstellen und Ausführen.

• Qt Extension for Visual Studio Code

  Führen Sie den Befehl „ Qt: Open Qt examples “ aus dem Verzeichnis „ Command Palette “ aus und wählen Sie das Beispiel aus der Liste aus. Weitere Informationen finden Sie unter Qt Extension for Visual Studio Code: Tutorial: Erstellen und Ausführen.

Beispielprojekt @ code.qt.io