Tutorial Avanzado de QML
Este tutorial guía paso a paso a través de la creación de una aplicación completa usando QML. Asume que ya conoces los fundamentos de QML (por ejemplo, de la lectura del tutorial simple).
En este tutorial escribimos un juego, Same Game, basado en la aplicación Same Game incluida en el directorio declarativo examples, que tiene este aspecto:

Cubriremos conceptos para producir una aplicación completamente funcional, incluyendo la integración de JavaScript, usando QML Qt Quick States y Behaviors para gestionar componentes y mejorar la interfaz, así como el almacenamiento de datos persistentes de la aplicación.
Es útil tener conocimientos de JavaScript para entender partes de este tutorial, pero si no sabes JavaScript puedes hacerte una idea de cómo integrar la lógica de backend para crear y controlar tipos QML.
Capítulos del tutorial:
- Creación del Lienzo del Juego y Bloques
- Rellenando el Lienzo del Juego
- Implementación de la lógica del juego
- Toques finales
Todo el código de este tutorial se encuentra en el directorio 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.