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
file.
import QtQuick.Controls.Styles 1.4
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.
The Flat Style is designed for touch devices.
The Flat Style Tumbler.
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");
Provides custom styling for ScrollView |
|
Provides custom styling for TabView |
|
Provides custom styling for TableView |
|
Provides custom styling for TreeView |
Provides custom styling for ApplicationWindow |
|
Provides custom styling for BusyIndicatorStyle |
|
Provides custom styling for Button |
|
Provides custom styling for Calendar |
|
Provides custom styling for CheckBox |
|
Provides custom styling for CircularGauge |
|
Provides custom styling for ComboBox |
|
Provides custom styling for DelayButton |
|
Provides custom styling for Dial |
|
Provides custom styling for Gauge |
|
Provides custom styling for MenuBar |
|
Provides custom styling for Menu |
|
Provides custom styling for PieMenu |
|
Provides custom styling for ProgressBar |
|
Provides custom styling for RadioButton |
|
Provides custom styling for ScrollView |
|
Provides custom styling for Slider |
|
Provides custom styling for SpinBox |
|
Provides custom styling for StatusBar |
|
Provides custom styling for StatusIndicatorStyle |
|
Provides custom styling for Switch |
|
Provides custom styling for TabView |
|
Provides custom styling for TextArea |
|
Provides custom styling for TextField |
|
Provides custom styling for ToggleButton |
|
Provides custom styling for ToolBar |
|
Provides custom styling for Tumbler |
|
Provides custom styling for TableView |
|
Provides custom styling for TreeView |
Tutorial for styling CircularGauge. |
|
Tutorial for styling the Gauge control. |