QML est un langage déclaratif qui permet de décrire les interfaces utilisateur en termes de leurs composants visuels et de la manière dont elles interagissent et interagissent les unes avec les autres. C’est un langage très lisible qui a été conçu pour permettre aux composants d’être interconnectés de manière dynamique, et il permet aux composants d’être facilement réutilisés et personnalisés dans une interface utilisateur. En utilisant le module QtQuick, les concepteurs et les développeurs peuvent facilement créer des interfaces utilisateur animées fluides dans QML et ont la possibilité de connecter ces interfaces utilisateur à toutes les bibliothèques C++ back-end.

Qu’est-ce que QML ?

QML est une spécification d’interface utilisateur et un langage de programmation. Il permet aux développeurs et aux concepteurs de créer des applications très performantes, animées de manière fluide et visuellement attrayantes. QML offre une syntaxe très lisible, déclarative et de type JSON avec prise en charge des expressions JavaScript impératives combinées à des liaisons de propriétés dynamiques.

L’infrastructure du langage et du moteur QML est fournie par le module Qt QML. Pour des informations détaillées sur le langage QML, veuillez consulter la documentation du module Qt QML.

Les pages suivantes contiennent plus d’informations sur QML:

• Premières étapes avec QML – commencez à utiliser QML avec ces exemples
• Création de projets Qt Quick dans Qt Creator
• La Référence QML – référence sur les constructions et les fonctionnalités QML
• Conventions de codage QML
• Glossaire des termes QML

Qu’est-ce que Qt Quick?

Qt Quick est la bibliothèque standard de types et de fonctionnalités pour QML. Il comprend des types visuels, des types interactifs, des animations, des modèles et des vues, des effets de particules et des effets de shader. Un développeur d’applications QML peut accéder à toutes ces fonctionnalités avec une seule instruction d’importation.

La bibliothèque QML QtQuick est fournie par le module Qt Quick. Pour des informations détaillées sur les différents types de QML et d’autres fonctionnalités fournies par Qt Quick, veuillez consulter la documentation du module Qt Quick.

Interfaces utilisateur QML

Pour créer ou personnaliser des interfaces utilisateur graphiques, Qt Quick ajoute des types visuels, des types d’animation et d’autres types QML en plus des types QML standard de Qt QML. Qt Quick Designer est intégré à Qt Creator et prend en charge QtQuick 2 à partir de la version 2.7 de Qt Creator et des versions ultérieures.

• Types visuels dans QML
• Réponse aux entrées de l’utilisateur dans QML
• Animations dans QML
• Affichage du Texte dans QML
• Mises en page dans QML
• Prise en charge du Style et du thème
• Intégration de JavaScript dans QML
• Évolutivité

Boutons, Menus et autres contrôles

Pour un ensemble de contrôles de base de l’interface utilisateur, le module Qt Quick Controls implémente plusieurs contrôles tels que des boutons, des menus et des vues. Ces contrôles sont livrés avec plusieurs styles intégrés qui peuvent être utilisés et prennent également en charge la création de styles personnalisés.

• Directives de contrôles rapides Qt
• Modèles rapides Qt 2

Effets spéciaux

Plusieurs modules Qt fournissent des types pour créer des effets spéciaux dans les applications. Leurs pages respectives contiennent plus d’informations sur des utilisations spécifiques.

• Effets de particules
• Effets graphiques – pour créer des effets de composition d’image.

Affichage du contenu Web dans les applications QML

Les types QML, WebEngineView et WebView, rendent et affichent du contenu Web dynamique. La seule différence entre les deux est que ce dernier utilise une vue Web native si disponible. Ces deux types peuvent charger une URL ou une chaîne HTML. Pour en savoir plus à leur sujet et afficher des exemples de code, consultez Qt WebEngine et Qt WebView.

Capteurs, gestes et interfaces tactiles

Le module Qt Sensors permet aux applications de lire des informations provenant de capteurs tels que des accéléromètres et des capteurs d’inclinaison. Il existe une API QML commune pour différentes plates-formes et peut être étendue en C++.

• Capteurs Qt Types QML
• Exemples de capteurs Qt
• Liste de compatibilité niveau de support pour différentes plates-formes mobiles

Contenu multimédia

Le module multimédia Qt permet aux applications de gérer divers contenus multimédias avec un ensemble pratique de types QML. Ces types QML peuvent être étendus en C++.

• Multimédia
  • Aperçu audio
  • Aperçu vidéo
  • Aperçu de la caméra
  • Aperçu de la radio
  • Moteur audio Qt – pour la lecture audio positionnelle 3D et la gestion du contenu.

Appareils mobiles

Plusieurs modules Qt fournissent des API QML pour les appareils mobiles et en réseau. Les types QML permettent d’accéder aux périphériques Bluetooth, aux communications en champ proche (NFC) et aux appareils compatibles GPS.

• Positionnement Qt
• Emplacement Qt
• Qt Bluetooth
• Qt NFC

Pour plus d’informations, visitez les pages Réseau et Connectivité et API mobiles.

Exemples de code et Démos

Pour en savoir plus sur les utilisations du code QML, il existe plusieurs exemples de code qui montrent comment les types QML sont utilisés. De plus, il existe plusieurs démos qui montrent comment le code QML est utilisé dans les applications.

• Commencer à programmer avec Qt Quick – un tutoriel montrant la création d’un simple éditeur de texte QML.
• Exemples et Tutoriels Qt Quick

Sujets avancés de Développement d’applications

• Intégration de QML et C++
• Déploiement d’Applications QML
• Meilleures Pratiques pour QML et Qt Quick
• Considérations et Suggestions sur les performances
• Internationalisation et localisation
• Tests et débogage
  • Prototypage avec qmlscene
  • Débogage des Applications QML
  • Test rapide Qt: Cadre de test unitaire QML

Autres modules QML

Qt Quick ne fournit que des types visuels de base et une grande partie des fonctionnalités de Qt est exposée à QML via d’autres modules. Si vous avez besoin des fonctionnalités de ces modules, vous devez parcourir leur documentation QML.

Toutes les API QML par module contiennent une liste de tous les modules QML dans Qt 5.

• Portage des applications QML vers Qt 5