Qt Quick Examples and Tutorials
This page lists the Qt QML and Qt Quick examples, however, many other Qt modules contain examples related to their QML API.
Running the Examples and Demos
The examples are packaged with the Qt installers and are accessed through Qt Creator. For more information about running examples in Qt Creator, visit the Building and Running an Example page.
Open and run examples within Qt Creator's Welcome mode. Most of the examples run on various platforms and to search for platform-specific examples, type the platform name (or any keywords) in the search field. For example, typing mobile in the search field lists the examples that are fully compatible with the mobile platforms.
To view other examples and tutorials, visit the Qt Examples And Tutorials page.
Qt Quick Demos
Here is a list of fully-functional demo applications. They are full applications that show how a deployable Qt application is built and structured. Many of the demos are deployable to mobile and desktop platforms.
A simple QML calculator app, designed for portrait devices. | |
A QML application that shows the current time in different cities. | |
A cute game designed for touchscreens. | |
A touch-based app for shuffling photos around a virtual surface. | |
A photo viewer that displays Flickr feeds. | |
A QML RSS news reader. | |
A QML implementation of the popular puzzle game by Kuniaki Moribe. | |
A configurable stock chart for the NASDAQ-100. | |
A Twitter search client with 3D effects. |
Developing Qt Quick Applications
The following pages show how to develop Qt applications using Qt Creator and Qt Quick. The pages demonstrate various steps such as use cases and introductory material. For more information about Qt Quick Applications and related modules, visit the QML Applications page.
Development Environment
Beginning with QML and Qt Quick
- First Steps with QML
- Qt Quick Text Editor
- SameGame
Use Cases
- Visual types in QML
- Responding to User Input in QML
- Animations in QML
- Displaying Text in QML
- Layouts in QML
- Style and Theme Support
- Integrating JavaScript in QML
Extending QML
The following tutorials show how a QML-based application can be combined with C++ code using the Qt QML module. The Running the Examples section has more information about opening the examples from within Qt Creator. For information about extending QML, visit the Integrating QML and C++ page.
Examples
Examples are small applications which show how to implement various Qt Quick features. The examples run on various platforms and are opened from within Qt Creator. The Running the Examples section has more information about opening the examples from within Qt Creator.
QML Types and Controls
- Controls Gallery
- Dialog Examples
- Calendar Example
- TableView
- Text and Fonts
- Custom Toggle Switch
Layouts and Views
- Basic Layouts
- Positioners
- Views
- Windows and Screen
- Right-to-Left and Text Layout
Image and Graphics
Keyboard, Focus, and Touch
- Key Interaction
- MouseArea
- Touch Gallery
System and Events