Qt Quick Extras Overview

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

快速入门

Building

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 文件。

import QtQuick.Extras 1.4
					

Interactive controls

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

Non-interactive controls

CircularGauge A gauge that displays a value within a range along an arc
Gauge A straight gauge that displays a value within a range
Picture An indicator that displays a colorized QPicture icon
StatusIndicator 显示活动 (或不活动) 状态的指示器

创建基本范例

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 范例。