Qt Quick Controls Styles

The Qt Quick Controls Styles submodule allows custom styling for Qt Quick Controls .

The submodule was introduced in Qt 5.1.

快速入门

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

import QtQuick.Controls.Styles 1.4
					

样式

Base Style

The Base Style is the default style used when none is specified. It is also used as a fallback when the specified style cannot be found.

The Base Style Tumbler.

Flat Style

The Flat Style is designed for touch devices.

The Flat Style Tumbler.

Selecting Styles

You can apply a different style to the controls by setting the QT_QUICK_CONTROLS_1_STYLE environment variable to the name of the style. For example, to use the Flat style, you can do the following:

QT_QUICK_CONTROLS_1_STYLE=Flat ./app
					

This can also be done in C++, using qputenv ():

qputenv("QT_QUICK_CONTROLS_1_STYLE", "Flat");
					

Styling Views

ScrollViewStyle Provides custom styling for ScrollView
TabViewStyle Provides custom styling for TabView
TableViewStyle Provides custom styling for TableView
TreeViewStyle Provides custom styling for TreeView

Styling Controls

ApplicationWindowStyle Provides custom styling for ApplicationWindow
BusyIndicatorStyle Provides custom styling for BusyIndicatorStyle
ButtonStyle Provides custom styling for Button
CalendarStyle Provides custom styling for Calendar
CheckBoxStyle Provides custom styling for CheckBox
CircularGaugeStyle Provides custom styling for CircularGauge
ComboBoxStyle Provides custom styling for ComboBox
DelayButtonStyle Provides custom styling for DelayButton
DialStyle Provides custom styling for Dial
GaugeStyle Provides custom styling for Gauge
MenuBarStyle Provides custom styling for MenuBar
MenuStyle Provides custom styling for Menu
PieMenuStyle Provides custom styling for PieMenu
ProgressBarStyle Provides custom styling for ProgressBar
RadioButtonStyle Provides custom styling for RadioButton
ScrollViewStyle Provides custom styling for ScrollView
SliderStyle 为滑块提供自定义样式
SpinBoxStyle Provides custom styling for SpinBox
StatusBarStyle Provides custom styling for StatusBar
StatusIndicatorStyle Provides custom styling for StatusIndicatorStyle
SwitchStyle Provides custom styling for Switch
TabViewStyle Provides custom styling for TabView
TextAreaStyle Provides custom styling for TextArea
TextFieldStyle Provides custom styling for TextField
ToggleButtonStyle Provides custom styling for ToggleButton
ToolBarStyle Provides custom styling for ToolBar
TumblerStyle Provides custom styling for Tumbler
TableViewStyle Provides custom styling for TableView
TreeViewStyle Provides custom styling for TreeView

Styling Tutorials

Styling CircularGauge Tutorial for styling CircularGauge.
Styling Gauge Tutorial for styling the Gauge control.