QML Applications

QML is a user interface specification and programming language. It allows developers and designers alike to create highly performant, fluidly animated and visually appealing applications. QML offers a highly readable, declarative, JSON-like syntax with support for imperative JavaScript expressions combined with dynamic property bindings.

import QtQuick
import QtQuick.Controls

ApplicationWindow {
    width: 400
    height: 400
    visible: true

    Button {
        id: button
        text: "A Special Button"
        background: Rectangle {
            implicitWidth: 100
            implicitHeight: 40
            color: button.down ? "#d6d6d6" : "#f6f6f6"
            border.color: "#26282a"
            border.width: 1
            radius: 4
        }
    }
}

The QML language and engine infrastructure is provided by the Qt QML module. For in-depth information about the QML language, please see the Qt QML module documentation.

The following pages contain more information about QML:

• First Steps with QML - begin using QML with these examples

• Creating Qt Quick Projects in Qt Creator

• The QML Reference - reference about the QML constructs and features

• QML Coding Conventions

• Glossary of QML Terms

• All QML APIs by Module

Qt Quick is the standard library of QML types and functionality for QML. It includes visual types, interactive types, animations, models and views, particle effects and shader effects. A QML application developer can get access to all of that functionality with a single import statement.

The QtQuick QML library is provided by the Qt Quick module. For in-depth information about the various QML types and other functionality provided by Qt Quick, please see the Qt Quick module documentation. Qt Quick adds visual types, animation types, and other QML types in addition to the standard QML types from Qt QML.

• Visual types in QML

• Responding to User Input in QML

• Animations in QML

• Displaying Text in QML

• Layouts in QML

• Style and Theme Support

• Integrating JavaScript in QML

Buttons, Menus, and other Controls▲

Qt Creator sets up project environments for the following types of Qt Quick applications:

• Scroll - scroll-based navigation

• Stack - stack-based navigation

• Swipe - page-based application with swipe navigation

• Python - Qt for Python projects can have QML UIs and have Qt Creator support

For more information about Qt Quick applications, visit the following pages:

• Creating Qt Quick Projects

• Design Tools - tools for designing UIs

To learn more about uses of QML code, there are several code samples which show how QML types are used. In addition, there are several demos which show how QML code is used in applications.

• Getting Started Programming with Qt Quick - a tutorial showing the creation of a simple QML text editor.

• Qt Quick Examples and Tutorials

• Overview - QML and C++ Integration

• Deploying QML Applications

• Best Practices for QML and Qt Quick

• QML Performance Considerations and Suggestions

• Internationalization and Localization

• Testing and Debugging

  • Prototyping with the QML Runtime Tool

  • Debugging QML Applications

  • Qt Quick Test: QML Unit Testing Framework

• All QML Types

• All QML APIs by Module

• Obsolete QML Types