Qt Quick Controls 2 Reference Documentation

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

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 2 - Contact List

C++ Backend

Designer Support

Running the Example

Qt Quick Controls 2 - Gallery

Running the Example

Qt Quick Controls 2 - Text Editor

Desktop User Interface

Touch User Interface

C++ Backend

Running the Example

AbstractButton

ApplicationWindow

BusyIndicator

Button

CheckBox

CheckDelegate

CheckIndicator

ComboBox

Container

Control

Dial

Dialog

DialogButtonBox

Drawer

Frame

GroupBox

ItemDelegate

Label

Menu

MenuItem

MenuSeparator

Page

PageIndicator

Pane

Popup

ProgressBar

RadioButton

RadioDelegate

RadioIndicator

RangeSlider

RoundButton

ScrollBar

ScrollIndicator

Slider

SpinBox

StackView

SwipeDelegate

SwipeView

Switch

SwitchDelegate

SwitchIndicator

TabBar

TabButton

TextArea

TextField

ToolBar

ToolButton

ToolSeparator

ToolTip

Tumbler

BusyIndicatorSpecifics

ButtonSection

ButtonSpecifics

CheckBoxSpecifics

CheckDelegateSpecifics

ComboBoxSpecifics

ControlSection

ControlSpecifics

DialSpecifics

FrameSpecifics

GroupBoxSpecifics

ItemDelegateSpecifics

LabelSpecifics

PaddingSection

PageIndicatorSpecifics

PaneSpecifics

ProgressBarSpecifics

RadioButtonSpecifics

RadioDelegateSpecifics

SliderSpecifics

SpinBoxSpecifics

SwipeDelegateSpecifics

SwitchDelegateSpecifics

SwitchSpecifics

TextAreaSpecifics

TextFieldSpecifics

ToolBarSpecifics

ToolButtonSpecifics

ToolSeparatorSpecifics

TumblerSpecifics

Button Controls

Button Control

CheckBox Control

RadioButton Control

RoundButton Control

Switch Control

ToolButton Control

Related Information

Container Controls

ApplicationWindow Control

Frame Control

GroupBox Control

Page Control

Pane Control

StackView Control

SwipeView Control

TabBar Control

ToolBar Control

Customizing Qt Quick Controls 2

Customizing a Control

Creating a Custom Style

Definition of a Style

Style-specific C++ Extensions

Attached properties

Customization Reference

Customizing ApplicationWindow

Customizing BusyIndicator

Customizing Button

Customizing CheckBox

Customizing CheckDelegate

Customizing ComboBox

Customizing Dial

Customizing Drawer

Customizing Frame

Customizing GroupBox

Customizing ItemDelegate

Customizing Label

Customizing Menu

Customizing MenuItem

Customizing MenuSeparator

Customizing PageIndicator

Customizing Pane

Customizing Popup

Customizing ProgressBar

Customizing RadioButton

Customizing RadioDelegate

Customizing RangeSlider

Customizing RoundButton

Customizing ScrollBar

Customizing ScrollIndicator

Customizing Slider

Customizing SpinBox

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 2 Applications

Deploying an Application with Several Styles

Static Builds

Differences between Qt Quick Controls

C++ and QML

Styles

Modularity and Simplicity

Feature Comparison Table

Porting Qt Quick Controls Code

Preparing for Migration

Type Comparison Table

Related Information

Getting Started with Qt Quick Controls 2

Setting Up Controls from C++

Using C++ Data From QML

High-DPI Support in Qt Quick Controls 2

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

Material Style

Attached Properties

Attached Methods

Detailed Description

Customization

Configuration File

Environment Variables

Dependency

Pre-defined Material Colors

Pre-defined Shades

Attached Property Documentation

Attached Method Documentation

Related Information

Menu Controls

Menu Control

Navigation Controls

StackView Control

SwipeView Control

TabBar

TabButton Control

Popup Controls

Drawer Control

Menu Control

Popup Control

ToolTip Control

Related Information

Qt Quick Controls 2

Prerequisites

Important Concepts in Qt Quick Controls 2

Reference

Examples

Related Modules

Qt Quick Controls 2 Configuration File

Related Information

Qt Quick Controls 2 Guidelines

Related Information

Separator Controls

MenuSeparator Control

ToolSeparator Control

Related Information

Styling Qt Quick Controls 2

Using Styles in Qt Quick Controls 2

Using QQuickStyle in C++

Command line argument

Environment variable

Configuration file

Related Information

Supported Environment Variables in Qt Quick Controls 2

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

Using File Selectors with Qt Quick Controls 2

Related Information

ApplicationWindow

BoxShadow

BusyIndicator

Button

CheckBox

CheckDelegate

CheckIndicator

ComboBox

Dial

Dialog

DialogButtonBox

Drawer

ElevationEffect

Frame

GroupBox

ItemDelegate

Label

Menu

MenuItem

MenuSeparator

Page

PageIndicator

Pane

Popup

ProgressBar

RadioButton

RadioDelegate

RadioIndicator

RangeSlider

RectangularGlow

RoundButton

ScrollBar

ScrollIndicator

Slider

SliderHandle

SpinBox

StackView

SwipeDelegate

SwipeView

Switch

SwitchDelegate

SwitchIndicator

TabBar

TabButton

TextArea

TextField

ToolBar

ToolButton

ToolSeparator

ToolTip

Tumbler

ApplicationWindow

BusyIndicator

Button

CheckBox

CheckDelegate

CheckIndicator

ComboBox

Dial

Dialog

DialogButtonBox

Drawer

Frame

GroupBox

ItemDelegate

Label

Menu

MenuItem

MenuSeparator

Page

PageIndicator

Pane

Popup

ProgressBar

RadioButton

RadioDelegate

RadioIndicator

RangeSlider

RoundButton

ScrollBar

ScrollIndicator

Slider

SpinBox

StackView

SwipeDelegate

Switch

SwitchDelegate

SwitchIndicator

TabBar

TabButton

TextArea

TextField

ToolBar

ToolButton

ToolSeparator

ToolTip

Tumbler

Qt Quick Templates 2

Related Information

AbstractButton

ApplicationWindow

Attached ApplicationWindow Properties

BusyIndicator

Button

ButtonGroup

CheckBox

CheckDelegate

ComboBox

ComboBox Model Roles

Container

Using Containers

Implementing Containers

Control

Control Layout

Event Handling

Dial

Dialog

Dialog Title and Buttons

Modal Dialogs

Modeless Dialogs

DialogButtonBox

Drawer

Frame

GroupBox

Checkable GroupBox

ItemDelegate

Label

Menu

MenuItem

MenuSeparator

Page

PageIndicator

Pane

Content Sizing

Popup

Popup Layout

Popup Sizing

ProgressBar

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

Slider

SpinBox

Custom Values

StackView

Using StackView in an Application

Basic Navigation

Pushing Items

Popping Items

Unwinding Items via Pop

Replacing Items

Deep Linking

Finding Items

Transitions

SwipeDelegate

SwipeView

Switch

SwitchDelegate

TabBar

Resizing Tabs

Flickable Tabs

TabButton

TextArea

Scrollable TextArea

TextField

ToolBar

ToolButton

ToolSeparator

ToolTip

Attached Tool Tips

Delay and Timeout

Custom Tool Tips

Tumbler

Qt Quick Controls 2 Examples

Qt Quick Controls 2 C++ Classes

Qt Quick Controls 2 QML Types

QML Types

Related Information

Qt Quick Templates 2 QML Types

QML Types

Related Information