QML-Tutorial für Fortgeschrittene

Dieses Tutorial führt Sie Schritt für Schritt durch die Erstellung einer vollständigen Anwendung mit QML. Es setzt voraus, dass Sie bereits über Grundkenntnisse in QML verfügen (beispielsweise durch das Lesen des einfachen Tutorials).

In diesem Tutorial schreiben wir ein Spiel namens „Same Game“, das auf der Anwendung „Same Game“ basiert, die im Verzeichnis „ examples “ enthalten ist und wie folgt aussieht:

„SameGame“ mit farbigen Blöcken, „Neues Spiel“-Schaltfläche und Punkteanzeige

Wir behandeln Konzepte zur Erstellung einer voll funktionsfähigen Anwendung, einschließlich der JavaScript-Integration, der Verwendung von QML Qt Quick States und „ Behaviors “ zur Verwaltung von Komponenten und zur Erweiterung Ihrer Benutzeroberfläche sowie zur Speicherung persistenter Anwendungsdaten.

Kenntnisse in JavaScript sind hilfreich, um Teile dieses Tutorials zu verstehen, aber auch wenn Sie JavaScript nicht beherrschen, können Sie dennoch ein Gefühl dafür bekommen, wie Sie Backend-Logik integrieren können, um QML-Typen zu erstellen und zu steuern.

Kapitel des Tutorials:

  1. Erstellen der Spielfläche und der Blöcke
  2. Befüllen der Spielfläche
  3. Implementierung der Spielelogik
  4. Letzte Feinheiten

Der gesamte Code dieses Tutorials befindet sich im Verzeichnis „ examples/quick/tutorials/samegame “ von 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.