- Qt 5.15
- Qt Quick Controls 1
- Qt Quick Controls 1 Styles
- Qt 5.15.19 Reference Documentation

# Qt Quick Controls 1 Styles

Warning: The Qt Quick Controls 1 module is deprecated since Qt 5.12. Use the latest Qt Quick Controls module instead.

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