Qt Quick Controls

Qt Quick Controls 提供可以用于构建 Qt Quick 完整界面的一套控件。模块在 Qt 5.7 引入。

Qt Quick Controls 带有风格选择。见 风格化 Qt Quick Controls 了解更多细节。

使用模块

QML API

模块的 QML 类型是可用的透过 QtQuick.Controls 导入。要使用类型,添加以下 import 语句到 .qml 文件:

import QtQuick.Controls
					

C++ API

使用 Qt 模块的 C++ API 要求直接 (或透过其它依赖) 链接到模块库。几个构建工具对此有专用支持,包括 CMake and qmake .

构建采用 CMake

使用 find_package() 命令定位所需模块组件在 Qt6 包:

find_package(Qt6 REQUIRED COMPONENTS QuickControls2)
target_link_libraries(mytarget PRIVATE Qt6::QuickControls2)
					

更多细节,见 构建采用 CMake 概述。

采用 qmake 构建

要配置采用 qmake 构建模块,添加模块作为值为 QT 变量在工程的 .pro 文件:

QT += quickcontrols2
					

从源代码构建

The Qt Image Formats 模块是推荐的,但不要求。它提供支持为 .webp 格式用于 想象风格 .

控件

For the full list of Qt Quick Controls, see QML 类型 .

按钮控件

AbstractButton

Abstract base type providing functionality common to buttons

Button

Push-button that can be clicked to perform a command or answer a question

CheckBox

Check button that can be toggled on or off

DelayButton

Check button that triggers when held down long enough

RadioButton

Exclusive radio button that can be toggled on or off

RoundButton

A push-button control with rounded corners that can be clicked by the user

Switch

Button that can be toggled on or off

ToolButton

Button with a look suitable for a ToolBar

容器控件

ApplicationWindow

Styled top-level window with support for a header and footer

容器

Abstract base type providing functionality common to containers

Frame

Visual frame for a logical group of controls

GroupBox

Visual frame and title for a logical group of controls

HorizontalHeaderView

Provides a horizontal header view to accompany a TableView

Page

Styled page control with support for a header and footer

Pane

Provides a background matching with the application style and theme

ScrollView

可卷动视图

SplitView

Lays out items with a draggable splitter between each item

StackView

Provides a stack-based navigation model

SwipeView

Enables the user to navigate pages by swiping sideways

TabBar

Allows the user to switch between different views or subtasks

ToolBar

Container for context-sensitive controls

VerticalHeaderView

Offers a vertical header view to accompany a TableView

委托控件

CheckDelegate

Item delegate with a check indicator that can be toggled on or off

ItemDelegate

Basic item delegate that can be used in various views and controls

RadioDelegate

Exclusive item delegate with a radio indicator that can be toggled on or off

SwipeDelegate

可轻扫项委托

SwitchDelegate

Item delegate with a switch indicator that can be toggled on or off

TreeViewDelegate

A delegate that can be assigned to a TreeView

指示器控件

BusyIndicator

Indicates background activity, for example, while content is being loaded

PageIndicator

Indicates the currently active page

ProgressBar

Indicates the progress of an operation

ScrollBar

Vertical or horizontal interactive scroll bar

ScrollIndicator

Vertical or horizontal non-interactive scroll indicator

输入控件

ComboBox

Combined button and popup list for selecting options

Dial

Circular dial that is rotated to set a value

RangeSlider

Used to select a range of values by sliding two handles along a track

Slider

Used to select a value by sliding a handle along a track

TextArea

多行文本输入区域

TextField

单行文本输入字段

Tumbler

Spinnable wheel of items that can be selected

Menu

Popup that can be used as a context menu or popup menu

MenuBar

Provides a window menu bar

MenuBarItem

Presents a drop-down menu within a MenuBar

MenuItem

Presents an item within a Menu

Drawer

Side panel that can be opened and closed using a swipe gesture

StackView

Provides a stack-based navigation model

SwipeView

Enables the user to navigate pages by swiping sideways

TabBar

Allows the user to switch between different views or subtasks

TabButton

Button with a look suitable for a TabBar

Dialog

Popup dialog with standard buttons and a title, used for short-term interaction with the user

Drawer

Side panel that can be opened and closed using a swipe gesture

Menu

Popup that can be used as a context menu or popup menu

Popup

Base type of popup-like user interface controls

ToolTip

Provides tool tips for any control

分隔符控件

MenuSeparator

Separates a group of items in a menu from adjacent items

ToolSeparator

Separates a group of items in a toolbar from adjacent items

版本

Qt Quick Controls 2.0 was introduced in Qt 5.7. Subsequent minor Qt releases increment the import version of the Qt Quick Controls modules by one, until Qt 5.12, where the import versions match Qt's minor version.

In Qt 6, both the major and minor versions match, and version numbers may be omitted from imports in QML. If the version is omitted, the latest version will be used.

The experimental Qt Labs modules use import version 1.0.

Qt QtQuick QtQuick.Controls ,
QtQuick.Controls.Material ,
QtQuick.Controls.Universal ,
QtQuick.Templates
Qt.labs.platform
5.7 2.7 2.0 1.0
5.8 2.8 2.1 1.0
5.9 2.9 2.2 1.0
5.10 2.10 2.3 1.0
5.11 2.11 2.4 1.0
5.12 2.12 2.12 1.0
6.0 6.0 6.0 1.0
... ... ... ...

修订

Due to how Qt Quick Controls are implemented, new properties that are added may clash with any user-defined properties of the same name. For example, the following snippet will result in an error:

import QtQuick.Controls 2.13
ApplicationWindow {
    // ...
    ComboBox {
        anchors.centerIn: parent
        // As currentValue was added in 2.14, the versioned import above
        // should cause this property to be used, but instead an error is produced:
        // "Cannot override FINAL property"
        property int currentValue: 0
    }
}
					

These properties should be renamed to avoid the conflict.

模块演变

Qt Quick Controls was originally written with touch interfaces as the primary focus. While it is already possible to develop desktop interfaces, work is ongoing to provide a more native look and feel.

Qt Quick Controls 的变化 列出了 Qt 的 Qt 6 系列在模块 API 和功能上所做出的重要改变。

文章和指南

范例

参考

许可和归属

Qt Quick Controls 在商业许可下是可用的来自 Qt 公司 。此外,它是可用的根据 GNU LGPL (次一般公共许可) 第 3 版 ,或 GNU GPL (一般公共许可) 第 2 版 。见 Qt 许可 进一步了解细节。

此外,Qt Quick Controls 潜在包含的第 3 方模块遵循下列准许许可:

有角材质的阴影值

MIT 许可