Qt Quick Controls Reference Documentation

Shadow values from Angular Material

shadow_angular_material

Button Controls

Button Control

CheckBox Control

DelayButton Control

RadioButton Control

RoundButton Control

Switch Control

ToolButton Control

Related Information

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

Container Controls

ApplicationWindow Control

Frame Control

GroupBox Control

Page Control

Pane Control

ScrollView Control

StackView Control

SwipeView Control

TabBar Control

ToolBar Control

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

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

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

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

SwitchDelegate

RadioDelegate

TabButton

Switch

ToolBar

PageIndicator

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

Overlay

Page

Qt Quick Templates 2

Related Information

BusyIndicator

ActionGroup

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

Frame

Qt Quick Controls - Side Panel

Qt Quick Controls - Side Panel

Qt Quick Controls 2 - Side Panel

Running the Example

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

CheckBox

ApplicationWindow

Attached ApplicationWindow Properties

AbstractButton

ComboBox

Editable ComboBox

ComboBox Model Roles

Supported Environment Variables in Qt Quick Controls

Related Information

Using File Selectors with Qt Quick Controls

Related Information

Focus Management in Qt Quick Controls

Focus Management in Qt Quick Controls 2

Focus Scope Controls

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

Qt Quick Controls Guidelines

Qt Quick Controls Guidelines

Qt Quick Controls 2 Guidelines

Related Information

High-DPI Support in Qt Quick Controls

High-DPI Support in Qt Quick Controlsi 2

Related Information

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

Qt Quick Controls

Qt Quick Controls 2

Prerequisites

Building From Source

Versions

License and Attributions

Topics

Reference

Examples

Related Modules

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

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 Controls

Menu Control

MenuBar Control

Navigation Controls

StackView Control

SwipeView Control

TabBar Control

TabButton Control

Popup Controls

Drawer Control

Menu Control

Popup Control

ToolTip Control

Related Information

Separator Controls

MenuSeparator Control

ToolSeparator Control

Related Information

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

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

ScrollIndicator

Attaching ScrollIndicator to a Flickable

Binding the Active State of Horizontal and Vertical Scroll Indicators

Non-attached Scroll Indicators

SplitView

Serializing SplitView's State

SplitHandle

Pane

Content Sizing

DelayButton

ButtonGroup

Action

CheckDelegate

Button

Dial

Drawer

DialogButtonBox

Container

Using Containers

Managing the Current Index

Implementing Containers

MenuBarItem

GroupBox

Checkable GroupBox

MenuSeparator

Label

ItemDelegate

Dialog

Dialog Title and Buttons

Modal Dialogs

Modeless Dialogs

Control

Control Layout

Event Handling

Popup

Popup Layout

Popup Sizing

Popup Positioning

MenuItem

ScrollView

Sizing

Scroll Bars

Touch vs. Mouse Interaction

ToolButton

MenuBar

Menu

ScrollBar

Attaching ScrollBar to a Flickable

Binding the Active State of Horizontal and Vertical Scroll Bars

Non-attached Scroll Bars

SpinBox

Custom Values

ProgressBar

RangeSlider

RadioButton

ToolSeparator

RoundButton

SwipeView

TabBar

Resizing Tabs

Flickable Tabs

SwipeDelegate

Slider

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

TextField

Tumbler

ToolTip

Attached Tool Tips

Delay and Timeout

Custom Tool Tips

TextArea

Scrollable TextArea

Tab Focus

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