QML Advanced Tutorial

This tutorial walks you through the steps of creating an application using QML. It assumes that you already know the basics of QML (for example, from reading the QML Tutorial.

In this tutorial, you will develop the game, Same Game. It is based on the Same Game application included in the declarative demos directory, and looks like this:

The tutorial covers concepts related to producing a fully functional application, including JavaScript integration, using QML states and behaviors to manage components and enhance your interface, and storing persistent application data.

Prior knowledge of JavaScript is useful to understand parts of this tutorial, but if you don’t know it, you can still get a feel of integrating the backend logic that creates and controls QML items.

Tutorial chapters:

• QML Advanced Tutorial 1 - Creating the Game Canvas and Blocks
• QML Advanced Tutorial 2 - Populating the Game Canvas
• QML Advanced Tutorial 3 - Implementing the Game Logic
• QML Advanced Tutorial 4 - Finishing Touches

All the code in this tutorial can be found here.