Qt Quick Reference Documentation

SignalSpy

TestCase

Introduction to QML test cases

Data-driven tests

Benchmarks

Simulating keyboard and mouse events

Qt Quick Examples - Animation

Running the Example

ColorAnimation

PropertyAnimation

Animators

Behaviors

Wiggly Text

Tv Tennis

Easing Curves

States

Transitions

PathAnimation

PathInterpolator

Qt Quick Examples - Canvas

Running the Example

Red Heart

Talk Bubble

Squircle

Rounded Rectangle

Smile Face

Clip

Tiger

UI Components: Dial Control Example

UI Components: Flipable Example

Scene Graph - Painted Item

TextBalloon Class Declaration

TextBalloon Class Definition

Textballoons.qml File

BalloonView

Controls

UI Components: Scroll Bar Example

Qt Quick Examples - Toggle Switch

Switch.qml

Walkthrough

Interface

Images and user interaction

States

Functions

Transition

Usage

TabWidget Example

Qt Quick Demo - Calqlatr

Running the Example

Displaying Custom Components

Animating Components

Performing Calculations

List of Files

Qt Quick Demo - Clocks

Running the Example

Displaying Data Generated by List Models

Qt Quick Demo - Maroon in Trouble

Running the Example

Adding Screens

Constructing the Background

Animating Background Objects

Emitting Particles

Using Timers

Constructing the Game Board

Animating Objects on the Game Board

Spawning Fish

Bursting Bubbles

Adding Dialogs

Keeping Track of Game Statistics

Managing Game States

Playing Sound Effects

Adding Keyboard Shortcuts

Packaging Resources for Deployment

Qt Quick Demo - Photo Surface

Running the Example

Creating the Main Window

Accessing Folder Contents

Displaying Images on the Photo Surface

Handling Pinch Gestures

Qt Quick Demo - Photo Viewer

Running the Example

Using Custom Types

Creating the Main Window

Displaying Photos

Downloading Flickr Feeds

Creating Flipable Labels

Laying out Photos on a Path

Providing Feedback to Users

Localizing Applications

Qt Quick Demo - RSS News

Running the Example

Using Custom Types

Creating the Main Window

Creating a Category List

Creating List Elements

Downloading XML Data

Providing Feedback to Users

Creating Scroll Bars

Creating Footers

Creating Buttons

Qt Quick Demo - Same Game

Running the Example

Qt Quick Demo - StocQt

Running the Example

Qt Quick Demo - Tweet Search

Running the Example

Request Authentication

JSON Parsing

Qt Quick Examples - Drag and Drop

Running the Example

Tiles

GridView Example

Qt Quick Examples - externaldraganddrop

Running the Example

Qt Quick Examples - Image Elements

Running the Example

BorderImage

Image

Shadows

AnimatedSprite

SpriteSequence

C++ Extensions: Image Provider Example

C++ Extensions: Image Response Provider Example

Qt Quick Examples - Key Interaction

Running the Example

Qt Quick Examples - Local Storage

Running the Example

Hello World

Models and Views: AbstractItemModel Example

Models and Views: Object ListModel Example

Models and Views: String ListModel Example

Qt Quick Examples - MouseArea

Running the Example

MouseArea Behavior

Qt Quick Particles Examples - Affectors

Qt Quick Particles Examples - CustomParticle

Qt Quick Particles Examples - Emitters

Qt Quick Particles Examples - Image Particles

Qt Quick Particles Examples - System

Qt Quick Examples - Positioners

Running the Example

Transitions

Attached Properties

Qt Quick Examples - Accessibility

Running the Example

Implementing Accessible Buttons

Qt Quick Widgets Example

QQuickRenderControl Example

Qt Quick Examples - Right to Left

Running the Example

Scene Graph - Custom Geometry

BezierCurve Declaration

BezierCurve Implementation

Application Entry-Point

Using the Item

Scene Graph - Graph

Scene Graph - OpenGL Under QML

Scene Graph - Simple Material

Scene Graph - Rendering FBOs

Scene Graph - Rendering FBOs in a thread

Scene Graph - Two Texture Providers

Qt Quick Examples - Shader Effects

Running the Example

Using ShaderEffect

Qt Quick Examples - Text

Hello

Fonts

Available Fonts

Banner

Img Tag

Text Layout

Qt Quick Examples - Threading

Running the Example

Threaded ListModel

WorkerScript

Threaded ListModel Example

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

ObjectModel

Display Margins

Qt Quick Examples - Window and Screen

Running the Example

Window Implementation

FolderListModel

Filtering

Example Usage

Path Separators

Settings

Application Identifiers

Categories

Notes

XmlListModel

Using key XML roles

XmlRole

Age

AngleDirection

CumulativeDirection

CustomParticle

Direction

EllipseShape

Friction

Gravity

GroupGoal

ImageParticle

ItemParticle

LineShape

MaskShape

Affector

Emitter

Shape

ParticleGroup

ParticlePainter

ParticleSystem

Attractor

PointDirection

RectangleShape

SpriteGoal

TargetDirection

TrailEmitter

Turbulence

Particle

Wander

QML Advanced Tutorial

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 3 - Implementing the Game Logic

Making a playable game

Enabling mouse click interaction

Updating the score

A dash of color

A working game

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!

Important Concepts In Qt Quick - Convenience Types

Dynamic Object Instantiation

Dynamic Bindings

Dynamic Signal Connections

Timer-Based Events

Using the Qt Quick Particle System

The ParticleSystem

Logical Particles

Particle Groups

Emitters

ParticlePainters

Affectors

Stochastic Parameters

Directions

Shapes

Particle System Performance Guide

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

Mouse Events

Mouse Types

Mouse Event Handling

Defining a Mouse Area

Receiving Events

Enabling Gestures

MouseEvent Object

Accepting Further Signals

Qt Quick Text Input Handling and Validators

Text Visual Types

Validating Input Text

Qt Quick Text Validators

Important Concepts In Qt Quick - User Input

Touch

Mouse

Keyboard Input and Keyboard Focus

Device Motion Gestures

Using C++ Models with Qt Quick Views

Data Provided In A Custom C++ Model

QStringList-based Model

QObjectList-based model

QAbstractItemModel subclass

SQL Models

Read-only Data Model

Editable Data Model

Exposing C++ Data Models to QML

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

ListModel

XmlListModel

VisualItemModel

Integers as Models

Object Instances as Models

C++ Data Models

Repeaters

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

Row

Grid

Flow

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

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 States

Related Types

Creating States

The Default State

The when Property

Animating State Changes

State Fast Forwarding

Important Concepts in Qt Quick - States, Transitions and Animations

States

Transitions

Animations

Animating Property Assignments

Animators

Animated Sprites

Concepts - Visual Coordinates in Qt Quick

Item Coordinates

Scene Coordinates

Worked Example

Qt Quick Scene Graph 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

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

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 2 - Dragging View Items

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

Qt Quick

Important Concepts in Qt Quick

C++ Extension Points

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

Canvas

Threaded Rendering and Render Target

Pixel Operations

Tips for Porting Existing HTML5 Canvas Applications

CanvasGradient

CanvasImageData

CanvasPixelArray

Context2D

Accessible

AnimatedImage

Example Usage

AnimatedSprite

BorderImage

Example Usage

Image Loading

Drag

DragEvent

DropArea

KeyEvent

MouseEvent

WheelEvent

Flickable

Example Usage

Limitations

Flipable

Example Usage

FocusScope

GridView

Example Usage

GridView Layouts

Image

Example Usage

Performance

EnterKey

Item

Key Handling

Layout Mirroring

Item Layers

Layer Opacity vs Item Opacity

Combined with ShaderEffects

Memory and Performance

KeyNavigation

Keys

Example Usage

Key Handling Priorities

LayoutMirroring

Transform

Custom Scene Graph Items

Graphics Resource Handling

Custom QPainter Items

Behavior Animations

AnchorAnimation

ParentAnimation

PathAnimation

ItemGrabResult

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

ListView

Example Usage

ListView Layouts

Loader

Loader sizing behavior

Receiving signals from loaded objects

Focus and key events

Using a Loader within a view delegate

MouseArea

Example Usage

MultiPointTouchArea

TouchPoint

OpenGLInfo

PathView

PinchArea

PinchEvent

Column

Using Transitions

Flow

Grid

Positioner

Row

Gradient

Example Usage

Performance and Limitations

GradientStop

Rectangle

Appearance

Example Usage

Performance

Repeater

Considerations when using Repeater

Screen

ShaderEffect

ShaderEffect and Item Layers

GridMesh

ShaderEffectSource

Sprite

SpriteSequence

AnchorChanges

ParentChange

Text

TextEdit

TextInput

Matrix4x4

Rotation

Scale

Translate

CloseEvent

Window

Rendering

Integration with OpenGL

Exposure and Visibility

Resource Management

Context and surface formats

Texture Atlasses

Animation

ColorAnimation

NumberAnimation

ParallelAnimation

PauseAnimation

PropertyAction

PropertyAnimation

RotationAnimation

ScriptAction

SequentialAnimation

Vector3dAnimation

AnimationController

Animator

OpacityAnimator

RotationAnimator

ScaleAnimator

UniformAnimator

XAnimator

YAnimator

Behavior

FontLoader

FontMetrics

An example

Asynchronous image loading

Image caching

Path

PathArc

PathAttribute

PathCubic

PathCurve

PathElement

PathLine

PathPercent

PathQuad

PathSvg

PathInterpolator

PropertyChanges

Resetting property values

Immediate property changes in transitions

Shortcut

SmoothedAnimation

SpringAnimation

State

StateChangeScript

StateGroup

SystemPalette

TextMetrics

Transition

DoubleValidator

IntValidator

RegExpValidator

Limitations

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 Labs Settings QML Types

Qt Quick QML Types

Submodules

Basic Types

Object Types

Qt Quick Local Storage QML Types

openDatabaseSync

Methods

Detailed Description

Open or create a databaseData

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 Window QML Types

Qt Quick XmlListModel QML Types

Qt Quick Test QML Types