Qt Quick Exemples et didacticiels
Qt inclut plusieurs exemples pour démontrer une utilisation particulière. Les exemples s'exécutent en tant qu'applications ou en tant qu'exemples non-GUI dans le fichier Qt Creator. Les tutoriels Qt montrent les informations étape par étape et donnent un aperçu d'extraits de code particuliers.
Cette page répertorie les tutoriels Qt Qml et Qt Quick Cependant, de nombreux autres modules Qt Qml contiennent des exemples liés à leur API QML.
Exécution des exemples et des démonstrations
Les exemples sont fournis avec les programmes d'installation de Qt et sont accessibles via Qt Creator. Pour plus d'informations sur l'exécution des exemples dans Qt Creator, voir Qt Creator: Tutorial : Construire et exécuter.
Ouvrez et exécutez les exemples en mode Qt Creator Welcome . La plupart des exemples sont exécutés sur différentes plateformes. Pour rechercher des exemples spécifiques à une plateforme, saisissez le nom de la plateforme (ou tout autre mot-clé) dans le champ de recherche. Par exemple, en tapant mobile dans le champ de recherche, vous obtiendrez la liste des exemples entièrement compatibles avec les plates-formes mobiles.
Pour consulter d'autres exemples et didacticiels, visitez la page Exemples et didacticiels Qt.
Qt Quick Démonstrations
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. De nombreuses démonstrations peuvent être déployées sur des plates-formes mobiles et de bureau.
Une calculatrice conçue pour les appareils en mode paysage et portrait. Elle utilise Qt Quick des composants personnalisés et des mises en page réactives pour l'interface utilisateur, et JavaScript pour la logique de l'application. | |
Un exemple de modèle de voiture qui démontre l'utilisation des caméras 3D de Qt Quick, de l'environnement de scène étendu et de Qt Quick 3D. | |
Une application Qt Quick avec une interface utilisateur personnalisée basée sur l'état. | |
Une application de lancer de dés utilisant Qt Quick 3D Physics et d'autres modules Qt 3D. | |
Démontre les capacités des matériaux et des effets de Qt Quick 3D. Cet exemple montre comment vous pouvez utiliser les effets de particules et les matériaux dans Qt Quick 3D. | |
Comment visualiser des données à partir d'un fichier CSV en Qt Graphs | |
Une application avec une interface responsive montrant les impacts de foudre sur une carte en temps réel en combinant Qt Quick, Qt Location, Qt Positioning et Qt Websockets | |
Une visionneuse de bâtiments en 3D à partir de données cartographiques OSM (OpenStreetMap). | |
Une application QML pour les appareils tactiles qui utilise 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émontre comment réaliser une locomotion affectée par la physique dans Qt Quick 3D XR | |
Une application d'horloge QML qui démontre l'utilisation d'un type ListView pour afficher les données générées par un ListModel et d'un type SpringAnimation pour animer les images. | |
Exemple de création d'un client QML RESTful API | |
Un lecteur de nouvelles RSS QML qui utilise les types personnalisés QML 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. | |
QtJenny: Generating C++ proxy classes to access Android APIs | Démonstration de l'utilisation de QtJenny |
Démonstration de l'ajout d'un backend C++ à un projet 3D à partir de l'application QtJenny. Qt Design Studio | |
Une implémentation QML du jeu de puzzle populaire de Kuniaki Moribe | |
Un graphique boursier configurable pour 100 actions | |
L'exemple d'un thermostat montre comment mettre en œuvre différentes conceptions en fonction de la taille de la fenêtre. | |
Une implémentation QML d'une application de liste de tâches qui démontre comment créer une application qui semble native sur n'importe quelle plateforme. | |
Un exemple de personnalisation 3D démontrant une sélection interactive de jouets et des ajustements d'apparence en temps réel à l'aide de Qt Quick 3D. |
Développement d'applications Qt Quick
Les pages suivantes montrent comment développer des applications Qt à l'aide de Qt Creator et Qt Quick. Les pages présentent différentes étapes telles que des cas d'utilisation et du matériel d'introduction. Pour plus d'informations sur les applications Qt Quick et les modules connexes, consultez la page Applications QML.
Environnement de développement
Commencer 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 module Qt Qml module.
Exemples
Les exemples sont de petites applications qui montrent comment mettre en œuvre diverses fonctionnalités de Qt Quick. Les exemples s'exécutent sur différentes plates-formes et s'ouvrent à partir de Qt Creator.
Types et contrôles QML
Modèles et vues
Image et graphiques
Formes
Clavier, mise au point et toucher
Système et événements
Graphique de la scène
- Matériau personnalisé
- Rendu 3D portable basé sur QRhi en tant que sous-couche de la scène
- Affichage d'une image rendue par QRhi dans un QQuickItem
- Implémentation d'un QSGRenderNode basé sur QRhi
- Redirection du rendu Qt Quick dans une QRhiTexture
- Fournisseurs de textures et matériaux
- Géométrie personnalisée
- Graphique
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
- Mise en œuvre d'un QQuickItem personnalisé qui affiche une image Vulkan native
- Rendu 3D basé sur le métal en tant que sous-couche de scène
- Mise en œuvre d'un QQuickItem personnalisé qui affiche une texture Metal native
- Rendu basé sur Direct3D 11 en tant que sous-couche de scène
- Rendu basé sur OpenGL comme sous-couche de scène
- Redirection du rendu Qt Quick dans une texture OpenGL
- Redirection du rendu de Qt Quick dans une texture Direct 3D
Ajout de scènes Qt Quick dans des applications 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.
