Beispiel für den QML-Previewer

Das Beispiel zeigt, wie Sie „ Qt Quick “-Szenen in eine „ Qt Widgets “-Anwendung einbetten können und wie verschiedene Aspekte der Benutzeroberfläche zwischen „ Qt Widgets “ und „ Qt Quick “ integriert werden. Dazu gehören:

• Tabulator-Fokus zwischen Qt Widgets und Qt Quick
• Drag-and-Drop zwischen Qt Widgets und Qt Quick
• In der eingebetteten QML-Datei definierte Tastenkombinationen
• Einbettung einer „ QQuickView “-Anwendung in eine QLayout

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 der Datei „ 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.

Einführung in die Benutzeroberfläche

Das Hauptfenster des Beispiels enthält auf der linken Seite einen Dateibrowser, über den Sie QML-Dateien zur Vorschau auswählen können. Auf der rechten Seite wird der QML-Inhalt in einem „ QQuickWidget “ angezeigt. Sie können mit dem QML-Inhalt interagieren, beispielsweise durch Klicken auf Schaltflächen, Eingabe von Text und Verwendung von in den QML-Dateien definierten Tastenkombinationen.

Das Beispiel veranschaulicht außerdem, wie Fokus- und Eingabeereignisse zwischen den Komponenten „ Qt Widgets “ und „ Qt Quick “ verarbeitet werden, um eine reibungslose Benutzererfahrung zu gewährleisten.

Beispielprojekt auf code.qt.io