Qt 5.6 | Qt QML

Qt 5.6.2 Reference Documentation

# Qt QML

The Qt QML module provides a framework for developing applications and libraries with the QML language. It defines and implements the language and engine infrastructure, and provides an API to enable application developers to extend the QML language with custom types and integrate QML code with JavaScript and C++. The Qt QML module provides both a QML API and a C++ API.

Note that while the Qt QML module provides the language and infrastructure for QML applications, the Qt Quick module provides many visual components, model-view support, an animation framework, and much more for building user interfaces.

For those new to QML and Qt Quick, please see QML Applications for an introduction to writing QML applications.

## Getting Started

To include the definitions of the module's classes, use the following directive:

      #include <QtQml>

The QML types in Qt QML are available through the `QtQML` import. To use the types, add the following import statement to your .qml file:

      import QtQml 2.0

To link against the module, add this line to your qmake `.pro` file:

      QT += qml

## QML and QML Types

The Qt QML module contains the QML framework and important QML types used in applications. The constructs of QML are described in the The QML Reference.

In addition to the QML Basic Types, the module comes with the following QML object types:

- Component
- QtObject
- Binding
- Connections
- Timer

The Qt global object provides useful enums and functions for various QML types.

### Lists and Models

New in Qt 5.1, the model types are moved to a submodule, `QtQml.Models`. The Qt QML Models page has more information.

- DelegateModel
- DelegateModelGroup
- ListElement
- ListModel
- ObjectModel

## JavaScript Environment for QML Applications

JavaScript expressions allow QML code to contain application logic. Qt QML provides the framework for running JavaScript expressions in QML and from C++.

These sections are from The QML Reference.

- Integrating QML and JavaScript
- Using JavaScript Expressions with QML
- Dynamic QML Object Creation from JavaScript
- Defining JavaScript Resources In QML
- Importing JavaScript Resources In QML
- JavaScript Host Environment

## Integrating QML with C++ Applications

The module also provides the framework for running QML applications. The QML framework allows QML code to contain JavaScript expressions and for the QML code to interact with C++ code.

- Important C++ Classes Provided By The Qt QML Module
- Integrating QML and C++

## Additional Frameworks

- The Declarative State Machine Framework

## Guides and Other Information

Further information for writing QML applications:

- The QML Reference
- QML Applications - essential information for application development with QML and Qt Quick
- Qt Quick - a module which provides a set of QML types and C++ classes for building user interfaces and applications with QML

### Reference

- C++ Classes
- QML Types
- Examples