Qt Quick Controls

The Qt Quick Controls module provides a set of controls that can be used to build complete interfaces in Qt Quick.

The module is new in Qt 5.1 and requires Qt Quick 2.1.

Visit the Qt Quick Controls Overview page to get started.

Qt Quick Designer

This video shows how to create a ui using Qt Quick Designer.

Hello Qt Quick 2 Application

Use Project Wizard of Qt creator to new a Qt Quick 2 Application, that can contain both QML and C++ code and includes a QQuickView.

Default main.qml generated:

import QtQuick 2.0

Rectangle {
    width: 360
    height: 360
    Text {
        text: qsTr("Hello World")
        anchors.centerIn: parent
    }
    MouseArea {
        anchors.fill: parent
        onClicked: {
            Qt.quit();
        }
    }
}