Tutoriel avancé sur QML

Ce tutoriel vous guide pas à pas dans la création d’une application complète à l’aide de QML. Il part du principe que vous maîtrisez déjà les bases de QML (par exemple, après avoir lu le tutoriel simple).

Dans ce tutoriel, nous allons développer un jeu, « Same Game », basé sur l’application « Same Game » incluse dans le répertoire « declarative- examples », qui se présente comme suit :

Même jeu avec des blocs colorés, un bouton « Nouvelle partie » et l'affichage du score

Nous aborderons les concepts nécessaires à la création d’une application entièrement fonctionnelle, notamment l’intégration de JavaScript, l’utilisation de QML Qt Quick States et d’ Behaviors pour gérer les composants et améliorer votre interface, ainsi que le stockage des données persistantes de l’application.

Une connaissance de JavaScript est utile pour comprendre certaines parties de ce tutoriel, mais même si vous ne maîtrisez pas JavaScript, vous pourrez tout de même vous faire une idée de la manière dont vous pouvez intégrer la logique backend pour créer et contrôler des types QML.

Chapitres du tutoriel :

  1. Création du canevas de jeu et des blocs
  2. Remplissage du canevas du jeu
  3. Mise en œuvre de la logique du jeu
  4. Touches finales

Tout le code de ce tutoriel se trouve dans le répertoire « examples/quick/tutorials/samegame » de Qt.

© 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.