Qt Quick Extras Overview

Qt Quick Extras provide a set of UI controls to create user interfaces in Qt Quick.

Getting Started

If you are building Qt Quick Extras from source, you can follow the steps used for most Qt modules:

qmake
make
make install

The QML types can be imported into your application using the following import statement in your .qml file.

import QtQuick.Extras 1.4

DelayButton	A checkable button that triggers an action when held in long enough
Dial	A circular dial that is rotated to set a value
PieMenu	A popup menu that displays several menu items along an arc
ToggleButton	A push button that toggles between two states
Tumbler	A control that can have several spinnable wheels, each with items that can be selected

CircularGauge	A gauge that displays a value within a range along an arc
Gauge	A straight gauge that displays a value within a range
StatusIndicator	An indicator that displays active or inactive states
Picture	An indicator that displays a colorized QPicture icon

A basic example of a QML file that makes use of controls is shown here:

import QtQuick 2.2
import QtQuick.Extras 1.4

Rectangle {
    DelayButton {
        anchors.centerIn: parent
    }
}

For an interactive showcase of the controls provided by Qt Quick Extras, you can look at the Gallery example.