Qt Quick Exemples et tutoriels
Qt comprend plusieurs exemples illustrant des utilisations spécifiques. Ces exemples s'exécutent sous forme d'applications ou d'exemples sans interface graphique dans Qt Creator et Qt Extension for Visual Studio Code. Les tutoriels Qt fournissent des instructions étape par étape et permettent de mieux comprendre certains extraits de code.
Cette page répertorie les Qt Qml et Qt Quick exemples, mais de nombreux autres modules Qt contiennent des exemples liés à leur API Qml.
Exécution des exemples et des démos
Les exemples sont fournis avec les programmes d'installation de Qt et sont accessibles via Qt Creator et Qt Extension for Visual Studio Code. Pour plus d'informations sur l'exécution des exemples, consultez :
- Qt Creator: Tutoriel : Compiler et exécuter.
- Qt Extension for Visual Studio Code: Tutoriel : Compiler et exécuter.
Ouvrez et exécutez les exemples en mode « Welcome » (Exemples) sur Qt Creator ou Qt Extension for Visual Studio Code. La plupart des exemples fonctionnent sur diverses plateformes ; pour rechercher des exemples spécifiques à une plateforme, saisissez le nom de la plateforme (ou des mots-clés) dans le champ de recherche. Par exemple, en saisissant « mobile » dans le champ de recherche, vous obtiendrez la liste des exemples entièrement compatibles avec les plateformes mobiles.
Pour consulter d'autres exemples et tutoriels, rendez-vous sur la page « Exemples et tutoriels Qt ».
Qt Quick Démos
Voici une liste d’applications de démonstration entièrement fonctionnelles. Il s’agit d’applications complètes qui montrent comment une application Qt déployable est construite et structurée. La plupart de ces démos peuvent être déployées sur des plateformes mobiles et de bureau.
Une calculatrice conçue pour les appareils en mode paysage et portrait. Elle utilise des composants personnalisés Qt Quick et des mises en page adaptatives pour l’interface utilisateur, ainsi que JavaScript pour la logique de l’application | |
Un exemple de modèle de voiture illustrant l’utilisation des caméras 3D d’ Qt Quick, d’un environnement de scène étendu et de la fonctionnalité 3D d’ Qt Quick | |
Une application Qt Quick dotée d’une interface utilisateur personnalisée basée sur les états | |
Une application de lancer de dés utilisant Qt Quick 3D Physics et d’autres modules Qt | |
Présente les capacités de Qt Quick 3D en matière de matériaux et d’effets. Cet exemple montre comment utiliser les effets de particules et les matériaux dans Qt Quick 3D | |
Comment visualiser les données d’un fichier CSV dans Qt Graphs | |
Une application dotée d’une interface utilisateur réactive affichant en temps réel les impacts de foudre sur une carte grâce à la combinaison d’ Qt Quick, d’ Qt Location, d’ Qt Positioning et de Qt WebSockets | |
Une visionneuse 3D des données cartographiques des bâtiments OSM (OpenStreetMap) | |
Une application QML pour appareils tactiles utilisant un Repeater avec un FolderListModel pour accéder au contenu d’un dossier, et un PinchHandler pour gérer les gestes de pincement sur le contenu récupéré | |
Démonstration de la création d'un déplacement soumis aux lois de la physique dans l'environnement 3D XR d'Qt Quick | |
Une application d'horloge en QML qui montre comment utiliser un type ListView pour afficher des données générées par un ListModel et un type SpringAnimation pour animer des images | |
Exemple de création d’un client QML pour une API RESTful | |
Un lecteur d'actualités RSS en QML qui utilise les types QML personnalisés XmlListModel et XmlListModelRole pour télécharger des données XML, ListModel et ListElement pour créer une liste de catégories, et ListView pour afficher les données | |
Démonstration de l’ajout d’un backend C++ à un projet 3D à partir de Qt Design Studio | |
Une implémentation QML du célèbre jeu de réflexion de Kuniaki Moribe | |
Un graphique boursier configurable pour 100 actions | |
Un exemple de thermostat illustrant comment implémenter différents designs en fonction de la taille de la fenêtre | |
Une implémentation QML d’une application de liste de tâches qui montre comment créer une application dont l’apparence est native sur n’importe quelle plateforme | |
Un exemple de personnalisation 3D illustrant la sélection interactive de jouets et les ajustements d’apparence en temps réel à l’aide d’ Qt Quick 3D |
Développement d'applications Qt Quick
Les pages suivantes expliquent comment développer des applications Qt à l’aide de Qt Creator et d’ Qt Quick. Ces pages présentent différentes étapes, notamment des cas d’utilisation et des notions d’introduction. Pour plus d’informations sur les applications Qt Quick et les modules associés, consultez la page Applications QML.
Environnement de développement
Premiers pas avec QML et Qt Quick
Extension de QML
Les tutoriels suivants montrent comment une application basée sur QML peut être combinée et étendue avec du code C++ à l'aide du Qt Qml module.
Exemples
Les exemples sont de petites applications qui montrent comment mettre en œuvre diverses fonctionnalités d’ Qt Quick. Ils fonctionnent sur différentes plateformes et s’ouvrent depuis Qt Creator.
Types et contrôles QML
Mises en page et vues
Images et graphiques
Formes
Clavier, focus et tactile
Système et événements
Arborescence de scène
- Matériau personnalisé
- Rendu 3D portable basé sur QRhi en tant que sous-couche de scène
- Affichage d’une image rendue par QRhi dans un QQuickItem
- Implémentation d'un QSGRenderNode basé sur QRhi
- Rediriger le rendu d'Qt Quick s vers une QRhiTexture
- Fournisseurs de textures et matériaux
- Géométrie personnalisée
- Graph
Extension du graphe de scène à l’aide d’API 3D natives
- Rendu 3D basé sur Vulkan en tant que sous-couche de scène
- Implémentation d’un QQuickItem personnalisé affichant une image Vulkan native
- Rendu 3D basé sur Metal en tant que fond de scène
- Implémentation d’un QQuickItem personnalisé affichant une texture Metal native
- Rendu basé sur Direct3D 11 en tant que calque de scène
- Rendu basé sur OpenGL en tant que fond de scène
- Rediriger le rendu d'Qt Quick vers une texture OpenGL
- Rediriger le rendu d'Qt Quick s vers une texture Direct 3D
Ajout de scènes d'Qt Quick s dans les applications d'QWidget
© 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.
