Qt Quick Reference Documentation

Qt Quick Examples - Key Interaction

Running the Example

Qt Quick Examples - Animation

Running the Example

ColorAnimation

PropertyAnimation

Animators

Behaviors

Wiggly Text

Tv Tennis

Easing Curves

States

Transitions

PathAnimation

PathInterpolator

UI Components: Scroll Bar Example

UI Components: Flipable Example

UI Components: Dial Control Example

C++ Extensions: Image Response Provider Example

Qt Quick Examples - Canvas

Running the Example

Red Heart

Talk Bubble

Squircle

Rounded Rectangle

Smile Face

Clip

Tiger

Scene Graph - Painted Item

TextBalloon Class Declaration

TextBalloon Class Definition

Textballoons.qml File

BalloonView

Controls

Qt Quick Examples - Drag and Drop

Running the Example

Tiles

GridView Example

Qt Quick Examples - Local Storage

Running the Example

Activity Tracker

Qt Quick Examples - Image Elements

Running the Example

Scaling with BorderImage

Image Fill

Shadow Effects

Sprite Animations with AnimatedSprite

Sprite Animations with SpriteSequence

Qt Quick Examples - Toggle Switch

Switch.qml

Walkthrough

Interface

Images and User Interaction

States

Functions

Transition

Usage

TabWidget Example

Qt Quick Examples - externaldraganddrop

Running the Example

Models and Views: AbstractItemModel Example

Qt Quick Particles Examples - Emitters

Qt Quick Particles Examples - CustomParticle

C++ Extensions: Image Provider Example

Qt Quick Particles Examples - System

Qt Quick Examples - Positioners

Running the Example

Transitions

Attached Properties

Qt Quick Examples - MouseArea

Running the Example

MouseArea Behavior

Models and Views: Object ListModel Example

Models and Views: String ListModel Example

Qt Quick Layouts - Basic Example

Running the Example

Scene Graph - Graph

QQuickRenderControl Example

Qt Quick Widgets Example

Qt Quick Particles Examples - Affectors

Qt Quick Examples - Accessibility

Running the Example

Implementing Accessible Buttons

Qt Quick Particles Examples - Image Particles

Scene Graph - OpenGL Under QML

Scene Graph - Custom Geometry

BezierCurve Declaration

BezierCurve Implementation

Application Entry-Point

Using the Item

Qt Quick Examples - Right to Left

Running the Example

Scene Graph - Simple Material

Qt Quick Examples - Shader Effects

Running the Example

Using ShaderEffect

Scene Graph - Rendering FBOs

Scene Graph - Rendering FBOs in a thread

Qt Quick Examples - Text

Hello

Fonts

Available Fonts

Banner

Img Tag

Text Layout

Threaded ListModel Example

Scene Graph - Two Texture Providers

Qt Quick Examples - Shapes

Running the Example

Qt Quick TableView examples - Conway’s Game of Life

Running the Example

The QML User Interface

The C++ Model

Updating the Data

Qt Quick TableViews examples - Pixelator

Running the Example

Qt Quick Examples - Threading

Running the Example

Threaded ListModel

WorkerScript

Qt Quick Examples - Window and Screen

Running the Example

Window Implementation

Qt Quick Examples - Touch Interaction

Running the Example

Multipoint Flames Example

Bear-Whack Example

Flick Resize Example

Flickable Example

Corkboards Example

Qt Quick Examples - Views

Running the Example

GridView and PathView

Dynamic List

Expanding Delegates

Highlight

Highlight Ranges

Sections

Packages

Using ObjectModel

Display Margins

HandlerPoint

FolderListModel

Filtering

Example Usage

Path Separators

SpriteGoal

PinchHandler

TableView

Example Usage

Reusing items

Row heights and column widths

Overlays and underlays

SinglePointHandler

PointerHandler

PointDirection

TargetDirection

Repeater

Considerations when using Repeater

ParentAnimation

PathAnimation

Turbulence

Particle

AnchorAnimation

Wander

RowLayout

ColumnLayout

GridLayout

StackLayout

Layout

Settings

Application Identifiers

Categories

Notes

TestCase

Introduction to QML Test Cases

Data-driven Tests

Benchmarks

Simulating Keyboard and Mouse Events

Managing Dynamically Created Test Objects

SignalSpy

Direction

CustomParticle

PointAttractor

MaskShape

ItemParticle

ParticlePainter

LineShape

Shape

Accessible

Attractor

RectangleShape

Using the Qt Quick Particle System

The ParticleSystem

Logical Particles

Particle Groups

Emitters

ParticlePainters

Affectors

Stochastic Parameters

Directions

Shapes

Important Concepts In Qt Quick - User Input

Input from Pointing Devices

Keyboard Input and Keyboard Focus

Device Motion Gestures

QML Advanced Tutorial 1 - Creating the Game Canvas and Blocks

Creating the Application Screen

Adding Button and Block Components

QML Advanced Tutorial 2 - Populating the Game Canvas

Generating the Blocks in JavaScript

Connecting JavaScript Components to QML

QML Advanced Tutorial 4 - Finishing Touches

Adding Some Flair

Animating Block Movement

Animating Block Opacity Changes

Adding Particle Effects

Keeping a High Scores Table

Storing High Scores Offline

Storing High Scores Online

That's It!

QML Advanced Tutorial 3 - Implementing the Game Logic

Making a Playable Game

Enabling Mouse Click Interaction

Updating the Score

A Dash of Color

A Working Game

Qt Quick Input Handlers

Input Handlers

Key Features

Related Information

Qt Quick Layouts

Licenses

Layouts

Related Information

Mouse Events

Mouse Types

Mouse Event Handling

Defining a Mouse Area

Receiving Events

Enabling Gestures

MouseEvent Object

Accepting Further Signals

Qt Quick Text Validators

Qt Quick Text Input Handling and Validators

Text Visual Types

Validating Input Text

Particle System Performance Guide

Important Concepts In Qt Quick - Convenience Types

Dynamic Object Instantiation

Dynamic Bindings

Dynamic Signal Connections

Timer-Based Events

QML Dynamic View Ordering Tutorial 2 - Dragging View Items

Walkthrough

Sprite Animations

Sprite Engine

State Machine

Input Format

QML Types Using the Sprite Engine

AnimatedSprite Type

Important Concepts In Qt Quick - Graphical Effects

Graphical Effects and Particles

Visual Transformation

Shader Effects

Particles

Sprites

Opacity

Qt Quick Transformation Types

Item Properties

Transform List

Keyboard Focus in Qt Quick

Key Handling Overview

Querying the Active Focus Item

Acquiring Focus and Focus Scopes

Advanced Uses of Focus Scopes

TouchEventSequence

WavefrontMesh

CumulativeDirection

AngleDirection

ParticleGroup

EllipseShape

ViewTransition

View Transitions: a Simple Example

Using the ViewTransition Attached Property

Delaying Animations Based on Index

Animating Items to Intermediate Positions

Handling Interrupted Animations

Restrictions Regarding ScriptAction

Age

PathQuad

PathLine

PathMove

Friction

Gravity

GroupGoal

PinchArea

PinchEvent

ImageParticle

Affector

BorderImage

Example Usage

Image Loading

GraphicsInfo

FocusScope

PathInterpolator

DropArea

Flipable

Example Usage

Loader

Loader Sizing Behavior

Receiving Signals from Loaded Objects

Focus and Key Events

Using a Loader within a View Delegate

DragEvent

KeyEvent

Emitter

WheelEvent

MouseEvent

ParticleSystem

PointerDevice

EventPoint

EventTouchPoint

PointerEvent

Models and Views in Qt Quick

qml-c++-models

Displaying Data with Views

Decorating Views

Mouse and Touch Handling

ListView Sections

View Delegates

Accessing Views and Models from Delegates

Models

List Model

XML Model

Object Model

Integers as Models

Object Instances as Models

C++ Data Models

Repeaters

Changing Model Data

Using Transitions

Important Concepts In Qt Quick - Data - Models, Views and Data Storage

Models and Views

Data Storage and Access

Positioning with Anchors

Anchor Margins and Offsets

Changing Anchors

Restrictions

Item Positioners

Positioners

Column Items

Row Items

Grid Items

Flow Items

Other Ways to Position Items

Right-to-left User Interfaces

Overview

Text Alignment

Layout Direction of Positioners and Views

Layout Mirroring

Mirroring Icons

Default Layout Direction

Important Concepts In Qt Quick - Positioning

Manual Positioning

Positioning With Bindings

Anchors

Positioners

Layouts

Right-To-Left Support

QML Advanced Tutorial

Qt Quick OpenVG Adaptation

EGL Requirement

Renderer

Render Loop

Shader Effects

Qt Graphical Effects Module

Particle Effects

Rendering Text

Perspective Transforms

TrailEmitter

Qt Quick States

Related Types

Creating States

The Default State

The when Property

Animating State Changes

State Fast Forwarding

Animation and Transitions in Qt Quick

Animation and Transitions Types

Triggering Animations

Direct Property Animation

Using Predefined Targets and Properties

Transitions During State Changes

Default Animation as Behaviors

Playing Animations in Parallel or in Sequence

Controlling Animations

Animation Playback

Easing

Other Animation Types

Sharing Animation Instances

Using Qt Quick Behaviors with States

Using Behaviors with States

Qt Quick Layouts Overview

Getting Started

Key Features

A Simple Layout

Size Constraints

Specifying Preferred Size

Connecting Windows and Layouts

Important Concepts in Qt Quick - States, Transitions and Animations

States

Transitions

Animations

Animating Property Assignments

Animators

Animated Sprites

Scene Graph Adaptations

Switching Between the Adaptation Used by the Application

Scene Graph Adaptations in Qt Quick

Switch Between Adaptations in Your Application

OpenGL ES 2.0 and OpenGL 2.0 Adaptation

Software Adaptation

Direct3D 12 (experimental)

OpenVG

Qt Quick Software Adaptation

Shader Effects

Qt Graphical Effects Module

Particle Effects

Rendering Text

Qt Multimedia VideoOutput

Qt Quick Direct3D 12 Adaptation

Motivation

Graphics Adapters

Troubleshooting

Render Loops

Renderer

Shader Effects

Multisample Render Targets

Semi-transparent Windows

Mipmaps

Image Formats

Unsupported Features

Related APIs

Advanced Configuration

Using C++ Models with Qt Quick Views

Data Provided In A Custom C++ Model

QStringList-based Model

QVariantList-based Model

QObjectList-based Model

QAbstractItemModel Subclass

SQL Models

Read-only Data Model

Editable Data Model

Exposing C++ Data Models to QML

Changing Model Data

AnimatedImage

Example Usage

PathAngleArc

FontLoader

PathSvg

PathCubic

FontMetrics

Path

PathArc

PathCurve

Animator

PathElement

PathPercent

Behavior

Qt Quick Tools and Utilities

Qt Quick Designer

QML Debugger and Profiler

Related Information

QmlLive, GammaRay, and Squish

Related Information

Qt Creator

Related Information

SVG Color Reference

Qt Quick Scene Graph OpenGL Renderer

Batching

Opaque Primitives

Alpha Blended Primitives

Mixing with 3D Primitives

Texture Atlas

Batch Roots

Transform Nodes

Clipping

Vertex Buffers

Antialiasing

Vertex Antialiasing

Multisample Antialiasing

Performance

Visualizing

Visualizing Batches

Visualizing Clipping

Visualizing Changes

Visualizing Overdraw

Important Concepts In Qt Quick - The Visual Canvas

Coordinate System

Visual Parent

Scene Graph

Concepts - Visual Parent in Qt Quick

Visual Parent

Item Coordinates

Stacking Order

Canvas Ownership

Important Concepts In Qt Quick - Visual Types

C++ Extension Points Provided By Qt Quick

User-Defined QQuickItem-Derived Types

Scene Graph-Related Classes

Pixmap and Threaded Image Support

QML Dynamic View Ordering Tutorial

QML Dynamic View Ordering Tutorial 1 - A Simple ListView and Delegate

Walkthrough

QML Dynamic View Ordering Tutorial 3 - Moving Dragged Items

Walkthrough

QML Dynamic View Ordering Tutorial 4 - Sorting Items

Walkthrough

Qt Quick Examples and Tutorials

Running the Examples and Demos

Qt Quick Demos

Developing Qt Quick Applications

Extending QML

Examples

Best Practices for QML and Qt Quick

Custom UI Controls

Related Information

Coding Conventions

Bundle Application Resources

Related Information

Separate UI from Logic

Interacting with QML from C++

Pulling References from QML

Pushing References to QML

Related Information

Using Qt Quick Layouts

Dos

Don'ts

Related Information

Type Safety

Performance

Tools and Utilities

Scene Graph

Scalable User Interfaces

Related Information

Concepts - Visual Coordinates in Qt Quick

Item Coordinates

Scene Coordinates

Worked Example

Qt Quick Scene Graph

The Scene Graph in Qt Quick

Qt Quick Scene Graph Structure

Nodes

Preprocessing

Node Ownership

Materials

Convenience Nodes

Scene Graph and Rendering

Threaded Render Loop ("threaded")

Non-threaded Render Loops ("basic" and "windows")

Custom control over rendering with QQuickRenderControl

Mixing Scene Graph and OpenGL

Custom Items using QPainter

Logging Support

Scene Graph Backend

Qt Quick

Important Concepts in Qt Quick

C++ Extension Points

Licenses and Attributions

Reference Documentation

QML Tutorial

QML Tutorial 1 - Basic Types

Walkthrough

Import

Rectangle Type

Text Type

Viewing the Example

QML Tutorial 2 - QML Components

Walkthrough

The Cell Component

The Main QML File

QML Tutorial 3 - States and Transitions

Walkthrough

MultiPointHandler

PointHandler

Sprite

SpriteSequence

GridMesh

ShaderEffect

OpenGL and GLSL

Direct3D and HLSL

Cross-platform, Cross-API ShaderEffect Items

ShaderEffect and Item Layers

Other Notes

HoverHandler

Text

PointerDeviceHandler

DragHandler

ShapeGradient

ShapePath

ConicalGradient

LinearGradient

RadialGradient

TapHandler

TouchPoint

ItemGrabResult

MouseArea

Example Usage

Context2D

Canvas

Threaded Rendering and Render Target

Pixel Operations

Tips for Porting Existing HTML5 Canvas Applications

CanvasImageData

CanvasPixelArray

CanvasGradient

OpenGLInfo

AnimationController

Image

Example Usage

OpenGL Texture Files

Automatic Detection of File Extension

Performance

AnimatedSprite

Flickable

Example Usage

Examples of contentX and contentY

Limitations

Drag

EnterKey

LayoutMirroring

TextEdit

Transform

KeyNavigation

Keys

Example Usage

Key Handling Priorities

ShaderEffectSource

GridView

Example Usage

GridView Layouts

BorderImageMesh

Item

Key Handling

Layout Mirroring

Item Layers

Layer Opacity vs Item Opacity

Combined with ShaderEffects

Memory and Performance

GestureEvent

MultiPointTouchArea

Gradient

Example Usage

Performance and Limitations

DoubleValidator

XAnimator

YAnimator

OpacityAnimator

ScaleAnimator

RotationAnimator

UniformAnimator

RegExpValidator

IntValidator

PathAttribute

Rectangle

Appearance

Example Usage

Performance

GradientStop

Positioner

Column

Using Transitions

Row

ListView

Example Usage

ListView Layouts

Flickable Direction

Stacking Order in ListView

Grid

Flow

TextInput

PathView

Screen

TextMetrics

ParentChange

AnchorChanges

Window

Translate

Scale

Rotation

Matrix4x4

SpringAnimation

SmoothedAnimation

Shortcut

StateChangeScript

State

CloseEvent

StateGroup

Animation

PauseAnimation

ColorAnimation

ScriptAction

PropertyAction

NumberAnimation

Vector3dAnimation

RotationAnimation

SequentialAnimation

ParallelAnimation

PropertyAnimation

PropertyChanges

Resetting Property Values

Immediate Property Changes in Transitions

SystemPalette

Transition

Qt Quick Scene Graph Material Classes

Qt Quick Scene Graph Node classes

Qt Quick C++ Classes

Qt Quick Widgets C++ Classes

Qt Labs FolderListModel QML Types

Qt QML Models experimental QML Types

Qt Labs Settings QML Types

Qt Quick Shared Image Provider

Summary

Usage

Qt Labs WavefrontMesh QML Types

Qt Quick QML Types

Submodules

Basic Types

Object Types

Qt Quick Layouts QML Types

Qt Quick Local Storage QML Types

openDatabaseSync

Methods

Detailed Description

Open or Create a Database

db.changeVersion(from, to, callback(tx))

db.transaction(callback(tx))

db.readTransaction(callback(tx))

results = tx.executeSql(statement, values)

Method Documentation

Qt Quick Particles QML Types

Qt Quick Shapes QML Types

Qt Quick Window QML Types