Premiers pas avec les applications « Qt Quick »
QML est un langage déclaratif qui permet de décrire les interfaces utilisateur en termes de composants visuels, ainsi que la manière dont ceux-ci interagissent et s’articulent entre eux. Il s'agit d'un langage très lisible, conçu pour permettre l'interconnexion dynamique des composants, ainsi que leur réutilisation et leur personnalisation aisée au sein d'une interface utilisateur. Grâce au module « QtQuick », les concepteurs et les développeurs peuvent facilement créer des interfaces utilisateur animées et fluides en QML, et ont la possibilité de connecter ces interfaces à n'importe quelle bibliothèque C++ back-end.
Cours de la Qt Academy
Les cours suivants de la Qt Academy sont recommandés pour se lancer dans l'apprentissage de QML et de l'Qt Quick.
Cours de base
- QML pour débutants
- Introduction à QML
- Introduction à Qt Quick
- Introduction à Qt Quick Controls
- Création d'une application simple sous Qt Quick
Cours de niveau intermédiaire
- Tableau de bord QML : interface utilisateur principale
- Tableau de bord QML : Boîte de réception
- Tableau de bord QML : calendrier
- Tableau de bord QML : cours
Qu'est-ce que le QML ?
QML est à la fois une spécification d’interface utilisateur et un langage de programmation. Il permet aux développeurs et aux concepteurs de créer des applications hautement performantes, dotées d’animations fluides et visuellement attrayantes. QML offre une syntaxe déclarative très lisible, de type JSON, prenant en charge les expressions JavaScript impératives combinées à des liaisons de propriétés dynamiques.
import QtQuick
import QtQuick.Controls
ApplicationWindow {
width: 400
height: 400
visible: true
Button {
id: button
text: "A Special Button"
background: Rectangle {
implicitWidth: 100
implicitHeight: 40
color: button.down ? "#d6d6d6" : "#f6f6f6"
border.color: "#26282a"
border.width: 1
radius: 4
}
}
}Le langage QML et l’infrastructure du moteur sont fournis par le Qt Qml module. Pour plus d’informations sur le langage QML, consultez la Qt Qml documentation du module.
Les pages suivantes contiennent davantage d’informations sur QML :
- Qt Creator: Créer des applications « Qt Quick »
- Qt Extension for Visual Studio Code: Tutoriel : application d'Qt Quick
- Premiers pas avec QML: commencez à utiliser QML grâce à ces exemples
- Glossaire des termes QML
- La référence QML - référence sur les constructions et les fonctionnalités de QML
- Conventions de codage QML
- Toutes les API QML par module
Qu'est-ce que « Qt Quick » ?
Qt Quick Il s'agit de la bibliothèque standard des types et fonctionnalités QML. Elle comprend des types visuels, des types interactifs, des animations, des modèles et des vues, ainsi que des effets de particules et des effets de shader. Un développeur d'applications QML peut accéder à l'ensemble de ces fonctionnalités à l'aide d'une seule instruction d'importation.
La bibliothèque QML « QtQuick » est fournie par le Qt Quick module. Pour plus d’informations sur les différents types QML et les autres fonctionnalités fournies par Qt Quick, veuillez consulter la Qt Quick documentation du module. Qt Quick ajoute des types visuels, des types d’animation et d’autres types QML en plus des types QML standard issus de Qt Qml.
- Types visuels
- Positionneurs et mises en page
- Gestion des entrées utilisateur
- Affichage de texte
- Animations
- Intégration de JavaScript dans QML
Boutons, menus et autres contrôles
Pour un ensemble de contrôles d’interface utilisateur, le Qt Quick Controls module implémente plusieurs contrôles tels que des boutons, des menus et des vues. Ces contrôles sont fournis avec plusieurs styles intégrés pouvant être utilisés, et prennent également en charge la création de styles personnalisés.
Qt Quick Le développement d’applications
Qt Creator intègre une prise en charge native de la création d’applications « Qt Quick ». Qt VS ToolsL’extension Qt pour Visual Studio Code vous permet également de créer des applications « Qt Quick » avec Visual Studio et Visual Studio Code. L’extension « QML Language Server » peut être utilisée depuis n’importe quel IDE prenant en charge le protocole Language Server.
Pour un flux de travail axé sur la conception, utilisez Qt Design Studio.
Pour plus d’informations sur la création d’applications « Qt Quick », consultez les pages suivantes :
Exemples de code et démos
Pour en savoir plus sur l'utilisation du code QML, plusieurs exemples de code illustrent l'utilisation des types QML. De plus, plusieurs démos montrent comment le code QML est utilisé dans les applications.
- Premiers pas en programmation avec l'Qt Quick: Une application d'alarme - un tutoriel présentant la création d'une application d'alarme simple.
- Qt Quick Exemples et didacticiels
Thèmes avancés de développement d'applications
- Présentation générale - Intégration de QML et C++
- Déploiement d'applications QML
- Qt Quick Compiler
- Meilleures pratiques pour QML et Qt Quick
- Considérations et suggestions en matière de performances
- Internationalisation et localisation
- Tests et débogage
Sujets connexes
© 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.