Qt Quick Controls Reference Documentation

AbstractButton

Action

ActionGroup

ApplicationWindow

Attached ApplicationWindow Properties

BusyIndicator

Button

Button Controls

Button Control

CheckBox Control

DelayButton Control

RadioButton Control

RoundButton Control

Switch Control

ToolButton Control

Related Information

ButtonGroup

CheckBox

CheckDelegate

ComboBox

Editable ComboBox

ComboBox Model Roles

Container

Using Containers

Managing the Current Index

Implementing Containers

Container Controls

ApplicationWindow Control

Frame Control

GroupBox Control

Page Control

Pane Control

ScrollView Control

StackView Control

SwipeView Control

TabBar Control

ToolBar Control

Control

Control Layout

Event Handling

Customizing Qt Quick Controls

Customizing Qt Quick Controls 2

Customizing a Control

Creating a Custom Style

Definition of a Style

Previewing Custom Styles in Qt Quick Designer

Style-specific C++ Extensions

Considerations for custom styles

Avoid assigning an id to styles' implementations of item delegates

Avoid imperative assignments of custom items

Attached properties

Customization Reference

Customizing ApplicationWindow

Customizing BusyIndicator

Customizing Button

Customizing CheckBox

Customizing CheckDelegate

Customizing ComboBox

Customizing DelayButton

Customizing Dial

Customizing Drawer

Customizing Frame

Customizing GroupBox

Customizing ItemDelegate

Customizing Label

Customizing Menu

Customizing MenuBar

Customizing PageIndicator

Customizing Pane

Customizing Popup

Customizing ProgressBar

Customizing RadioButton

Customizing RadioDelegate

Customizing RangeSlider

Customizing RoundButton

Customizing ScrollBar

Customizing ScrollIndicator

Customizing ScrollView

Customizing Slider

Customizing SpinBox

Customizing SplitView

Customizing StackView

Customizing SwipeDelegate

Customizing SwipeView

Customizing Switch

Customizing SwitchDelegate

Customizing TabBar

Customizing TabButton

Customizing TextArea

Customizing TextField

Customizing ToolBar

Customizing ToolButton

Customizing ToolSeparator

Customizing ToolTip

Customizing Tumbler

Default Style

Related Information

DelayButton

Delegate Controls

ItemDelegate Control

RadioDelegate Control

SwipeDelegate Control

SwitchDelegate Control

Related Information

Deploying Qt Quick Controls Applications

Deploying an Application with Several Styles

Static Builds

Dial

Dialog

Dialog Title and Buttons

Modal Dialogs

Modeless Dialogs

DialogButtonBox

Differences with Qt Quick Controls 1

C++ and QML

Styles

Modularity and Simplicity

Feature Comparison Table

Porting Qt Quick Controls 1 Code

Preparing for Migration

Type Comparison Table

Related Information

Drawer

Focus Management in Qt Quick Controls

Focus Management in Qt Quick Controls 2

Focus Scope Controls

Frame

Fusion Style

Customization

Related Information

Getting Started with Qt Quick Controls

Getting Started with Qt Quick Controls 2

Setting Up Controls from C++

Using C++ Data From QML

GroupBox

Checkable GroupBox

High-DPI Support in Qt Quick Controls

High-DPI Support in Qt Quick Controlsi 2

Related Information

HorizontalHeaderView

Icons in Qt Quick Controls

Icons in Qt Quick Controls 2

Using Icons

Icon Themes

Related Information

Imagine Style

Attached Properties

Detailed Description

File Names

Element Reference

Asset Examples

9-Patch Images

Stretchable Areas

Padding Areas

Inset Areas

Exporting 9-Patch Images

Illustrator

Inkscape

Photoshop

Sketch

Fixing 9-Patch Lines

Animated Images

Customization

Path

Configuration File

Environment Variables

Palette

Font

Dependency

Attached Property Documentation

Related Information

Indicator Controls

BusyIndicator Control

PageIndicator Control

ProgressBar Control

ScrollBar Control

ScrollIndicator Control

Related Information

Input Controls

ComboBox Control

Dial Control

TextArea Control

TextField Control

Slider Control

RangeSlider Control

Tumbler Control

Related Information

ItemDelegate

Label

Material Style

Attached Properties

Attached Methods

Detailed Description

Customization

Configuration File

Environment Variables

Dependency

Pre-defined Material Colors

Pre-defined Shades

Variants

Attached Property Documentation

Attached Method Documentation

Related Information

Menu

Margins

Menu Controls

Menu Control

MenuBar Control

MenuBar

MenuBarItem

MenuItem

MenuSeparator

Navigation Controls

StackView Control

SwipeView Control

TabBar Control

TabButton Control

Overlay

Page

PageIndicator

Pane

Content Sizing

Popup

Popup Layout

Popup Sizing

Popup Positioning

Popup Transitions

Popup Controls

Drawer Control

Menu Control

Popup Control

ToolTip Control

Related Information

ProgressBar

Qt Quick Controls

Qt Quick Controls 2

Prerequisites

Building From Source

Versions

License and Attributions

Topics

Reference

Examples

Related Modules

Qt Quick Controls - Chat Tutorial

Qt Quick Controls - Chat Tutorial

Qt Quick Controls 2 - Chat Tutorial

Chapter 1: Setting Up

main.cpp

main.qml

The Project File

Chapter 2: Lists

Sizing and Positioning

Model

Delegate

Chapter 3: Navigation

Navigating with StackView

Chapter 4: Models

QSqlQueryModel

QSqlTableModel

Connecting to the Database and Registering Types With QML

Using the Models in QML

Chapter 5: Styling

Summary

Qt Quick Controls - Contact List

Qt Quick Controls - Contact List

Qt Quick Controls 2 - Contact List

C++ Backend

Designer Support

Running the Example

Qt Quick Controls - Flat Style

Qt Quick Controls - Flat Style

Qt Quick Controls 2 - Flat Style

QML Plugin

Implementing Custom Controls

Running the Example

Qt Quick Controls - Gallery

Qt Quick Controls - Gallery

Qt Quick Controls 2 - Gallery

Running the Example

Qt Quick Controls - Imagine Style Example: Automotive

Qt Quick Controls - Imagine Style Example: Automotive

Qt Quick Controls 2 - Imagine Style Example: Automotive

Running the Example

Qt Quick Controls - Imagine Style Example: Music Player

Qt Quick Controls - Imagine Style Example: Music Player

Qt Quick Controls 2 - Imagine Style Example: Music Player

Running the Example

Qt Quick Controls - Side Panel

Qt Quick Controls - Side Panel

Qt Quick Controls 2 - Side Panel

Running the Example

Qt Quick Controls - Swipe to Remove

Qt Quick Controls - Swipe to Remove

Qt Quick Controls 2 - Swipe to Remove

Running the Example

Qt Quick Controls - Text Editor

Qt Quick Controls - Text Editor

Qt Quick Controls 2 - Text Editor

Desktop User Interface

Touch User Interface

C++ Backend

Running the Example

Qt Quick Controls - Wearable Demo

Qt Quick Controls - Wearable Demo

Qt Quick Controls 2 - Wearable Demo

Structure

Styling

Custom Type

Icons

Launcher Page

Applications

Navigation

Weather

World Clock

Others

Running the Example

Qt Quick Controls Configuration File

Qt Quick Controls Configuration File

Qt Quick Controls 2 Configuration File

Controls Section

Imagine Section

Material Section

Universal Section

Font Configuration

Palette Configuration

Using the Configuration File in a Project

Related Information

Qt Quick Controls Guidelines

Qt Quick Controls Guidelines

Qt Quick Controls 2 Guidelines

Related Information

Qt Quick Templates 2

Related Information

RadioButton

RadioDelegate

RangeSlider

RoundButton

ScrollBar

Attaching ScrollBar to a Flickable

Binding the Active State of Horizontal and Vertical Scroll Bars

Non-attached Scroll Bars

ScrollIndicator

Attaching ScrollIndicator to a Flickable

Binding the Active State of Horizontal and Vertical Scroll Indicators

Non-attached Scroll Indicators

ScrollView

Sizing

Scroll Bars

Touch vs. Mouse Interaction

Separator Controls

MenuSeparator Control

ToolSeparator Control

Related Information

Shadow values from Angular Material

shadow_angular_material

Slider

SpinBox

Custom Values

SplitHandle

SplitView

Serializing SplitView's State

StackView

Using StackView in an Application

Basic Navigation

Pushing Items

Popping Items

Unwinding Items via Pop

Replacing Items

Deep Linking

Finding Items

Transitions

Item Ownership

Size

Styling Qt Quick Controls

Available Styles

Default Style

Fusion Style

Imagine Style

Material Style

Universal Style

Using Styles in Qt Quick Controls

Using QQuickStyle in C++

Command line argument

Environment variable

Configuration file

Related Information

Supported Environment Variables in Qt Quick Controls

Related Information

SwipeDelegate

SwipeView

Switch

SwitchDelegate

TabBar

Resizing Tabs

Flickable Tabs

TabButton

TextArea

Scrollable TextArea

Tab Focus

TextField

ToolBar

ToolButton

ToolSeparator

ToolTip

Attached Tool Tips

Delay and Timeout

Custom Tool Tips

Tumbler

Universal Style

Attached Properties

Attached Methods

Detailed Description

Customization

Configuration File

Environment Variables

Dependency

Pre-defined Universal Colors

Attached Property Documentation

Attached Method Documentation

Related Information

Using File Selectors with Qt Quick Controls

Related Information

VerticalHeaderView

Qt Quick Controls Examples

Qt Quick Controls Examples

Qt Quick Controls 2 Examples

Qt Quick Controls C++ Classes

Qt Quick Controls C++ Classes

Qt Quick Controls 2 C++ Classes

Qt Quick Controls QML Types

Qt Quick Controls QML Types

Qt Quick Controls 2 QML Types

QML Types

Related Information

Qt Quick Templates 2 QML Types

QML Types

Related Information