Qt Quick Examples and Tutorials#
Building UIs with QML Qt includes several examples to demonstrate a particular usage. The examples run as applications or as non-GUI examples in Qt Creator. Qt tutorials show the step-by-step information and give insight to particular code snippets.
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#
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 QML clock application that demonstrates using a ListView type to display data generated by a ListModel and a SpringAnimation type to animate images.
A Qt Quick application with a state-based custom user interface.
Example of how to create a RESTful API QML client.
A QML app for touch devices that uses a Repeater with a FolderListModel to access content in a folder, and a PinchHandler to handle pinch gestures on the fetched content.
A QML photo viewer that uses XmlListModel and XmlListModelRole to download Flickr feeds, and Package to display the photos in different views.
A QML RSS news reader that uses XmlListModel and XmlListModelRole custom QML types to download XML data, ListModel and ListElement to create a category list, and ListView to display the data.
A configurable stock chart for the NASDAQ-100.
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.
Beginning with QML and Qt Quick
The following tutorials show how a QML-based application can be combined with C++ code using the Qt QML module. For information about extending QML, visit the Writing QML Extensions with C++ page.
Exporting C++ Classes.
Exporting C++ Properties.
C++ Inheritance and Coercion.
Property Value Source.
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.
QML Types and Controls
Layouts and Views
Image and Graphics
Keyboard, Focus, and Touch
System and Events