QML Tutorial | Qt Quick 5.9

Qt 5.9 | Qt Quick | QML Tutorial

Qt 5.9.3 Reference Documentation

QML Tutorial 1 - Basic Types

# QML Tutorial

This tutorial gives an introduction to QML, the language for Qt Quick UIs. It doesn't cover everything; the emphasis is on teaching the key principles, and features are introduced as needed.

Through the different steps of this tutorial we will learn about QML basic types, we will create our own QML component with properties and signals, and we will create a simple animation with the help of states and transitions.

Chapter one starts with a minimal "Hello world" program and the following chapters introduce new concepts.

The tutorial's source code is located in the `examples/quick/tutorials/helloworld` directory.

Tutorial chapters:

1. Basic Types
2. QML Components
3. States and Transitions

QML Tutorial 1 - Basic Types