Exemple d’aperçu QML

Cet exemple montre comment intégrer des scènes d'Qt Quick dans une application Qt Widgets, ainsi que la manière dont différents aspects de l'interface utilisateur s'intègrent entre Qt Widgets et Qt Quick. Cela inclut :

• la sélection des onglets entre Qt Widgets et Qt Quick
• le glisser-déposer entre Qt Widgets et Qt Quick
• Les raccourcis définis dans le fichier QML intégré
• L’intégration d’un QQuickView dans un QLayout

Exécution de l’exemple

Vous pouvez exécuter l'exemple à partir de :

• Qt Creator

  Ouvrez le mode « Welcome » et sélectionnez l’exemple à l’adresse Examples. Pour plus d’informations, consultez Qt Creator: Tutoriel : Compiler et exécuter.

• Qt Extension for Visual Studio Code

  Exécutez la commande « Qt: Open Qt examples » à partir de Command Palette, puis sélectionnez l’exemple dans la liste. Pour plus d’informations, consultez Qt Extension for Visual Studio Code: Tutoriel : Compiler et exécuter.

Présentation de l’interface utilisateur

La fenêtre principale de l'exemple contient un explorateur de fichiers sur le côté gauche, qui vous permet de sélectionner des fichiers QML à prévisualiser. Le côté droit affiche le contenu QML dans un QQuickWidget. Vous pouvez interagir avec le contenu QML, notamment en cliquant sur des boutons, en saisissant du texte et en utilisant les raccourcis définis dans les fichiers QML.

L’exemple montre également comment gérer les événements de focus et de saisie entre les composants « Qt Widgets » et « Qt Quick », garantissant ainsi une expérience utilisateur fluide.

Projet d'exemple sur code.qt.io