Qt Quick Controls 1 Styles

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

The submodule was introduced in Qt 5.1.

Getting started

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

import QtQuick.Controls.Styles 1.4

Styles

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	Provides custom styling for Slider
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
TableViewStyle	Provides custom styling for TableView
TextAreaStyle	Provides custom styling for TextArea
TextFieldStyle	Provides custom styling for TextField
ToggleButtonStyle	Provides custom styling for ToggleButton
ToolBarStyle	Provides custom styling for ToolBar
TreeViewStyle	Provides custom styling for TreeView
TumblerStyle	Provides custom styling for Tumbler

Styling Tutorials

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

Related information

• Qt Quick
• Qt Quick Controls 1
• Qt Quick Controls 1 Styles QML Types