Qt Quick Code Samples

Here is a list of fully-functional demo applications. To run the sample applications, open them in Qt Creator or use the included qmlscene tool.

Qt Quick Demo - Calqlatr

A simple calculator app, designed for portrait devices.

Qt Quick Demo - Clocks

An app that shows the current time in different cities.

Qt Quick Demo - Maroon in Trouble

A cute game designed for touchscreens.

Qt Quick Demo - Photo Surface

A touch-based app for shuffling photos around a virtual surface.

Qt Quick Demo - Photo Viewer

An online photo viewer that displays Flickr feeds.

Qt Quick Demo - RSS News

An RSS news reader.

Qt Quick Demo - Same Game

A QML implementation of the popular puzzle game by Kuniaki Moribe.

Qt Quick Demo - StocQt

A configurable stock chart for the NASDAQ-100.

Qt Quick Demo - Tweet Search

A Twitter search client with 3D effects.

Some of these code samples below have a corresponding tutorial. The Qt Quick features are covered in the main page. This set of code samples are part of the collection of Qt Examples.

Qt Quick Examples - Animation

This is a collection of QML Animation examples.

Qt Quick Examples - Canvas

This is a collection of QML Canvas examples.

Qt Quick Examples - Drag and Drop

This is a collection of QML drag and drop examples

Qt Quick Examples - externaldraganddrop

This is an example of drag and drop between Qml and other applications

Qt Quick Examples - Image Elements

This is a collection of QML examples relating to image types.

Qt Quick Examples - Key Interaction

This is a collection of QML keyboard interaction examples.

Qt Quick Examples - MouseArea

This is an example of the MouseArea type in QML

Scene Graph - Painted Item

Shows how to implement QPainter-based custom scenegraph items.

Qt Quick Examples - Positioners

This is a collection of QML Positioner examples.

Qt Quick Examples - Accessibility

This example has accessible buttons.

Qt Quick Examples - Right to Left

This is a collection of QML Right to Left examples.

Scene Graph - Custom Geometry

Shows how to implement a custom geometry in the Qt Quick Scene Graph.

Scene Graph - Graph

Demonstrates how one can combine custom materials and geometries under a single QQuickItem.

Scene Graph - OpenGL Under QML

Shows how to render OpenGL under a Qt Quick scene.

Scene Graph - Simple Material

Shows how to define a scene graph material to fill a shape.

Scene Graph - Rendering FBOs

Shows how to use FramebufferObjects with Qt Quick.

Scene Graph - Rendering FBOs in a thread

Shows how to use FramebufferObjects in a thread together with Qt Quick.

Qt Quick Examples - Shader Effects

This is a shader effects example

Qt Quick Examples - Text

This is a collection of QML examples relating to text

Qt Quick Examples - Threading

This is a collection of QML Multithreading examples.

Qt Quick Examples - Toggle Switch

A reusable switch component made in QML

Qt Quick Examples - Views

This is a collection of QML model/view examples

Qt Quick Examples - Window and Screen

This example demonstrates the Window and Screen types in QML

The following examples show how a QML-based user interface can be combined with C++ code using the Qt QML module.