Auf dieser Seite

QML Previewer Beispiel

Zeigt, wie man Qt Quick mit einer Qt Widgets Anwendung unter Verwendung von QWidget::createWindowContainer() mischt.

QML-Code-Editor mit Live-Vorschau-Panel

Das Beispiel zeigt, wie Sie Qt Quick Szenen in eine Qt Widgets Anwendung einbetten können, und wie verschiedene UI-Aspekte zwischen Qt Widgets und Qt Quick integriert werden. Dies beinhaltet:

  • Tabulator-Fokussierung zwischen Qt Widgets und Qt Quick
  • Ziehen und Ablegen zwischen Qt Widgets und Qt Quick
  • In der eingebetteten QML-Datei definierte Shortcuts
  • Einbetten einer QQuickView in eine QLayout

Ausführen des Beispiels

Zum Ausführen des Beispiels von Qt Creatorauszuführen, öffnen Sie den Modus Welcome und wählen Sie das Beispiel aus Examples aus. Weitere Informationen finden Sie unter Qt Creator: Tutorial: Erstellen und Ausführen.

UI-Walkthrough

Das Hauptfenster des Beispiels enthält auf der linken Seite einen Dateibrowser, mit dem 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, z. B. auf Schaltflächen klicken, Text eingeben und in den QML-Dateien definierte Tastenkombinationen verwenden.

Das Beispiel zeigt auch, wie der Fokus und die Eingabeereignisse zwischen den Komponenten Qt Widgets und Qt Quick behandelt werden, um eine reibungslose Benutzererfahrung zu gewährleisten.

Beispielprojekt @ code.qt.io

Siehe auch QWidget::createWindowContainer().

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