QML Official Series Tutorial--QML applications

attached website: http://qt-project.org/doc/qt-5/qmlapplications.html

If you are interested in the official demo of Qt, you can refer to the other series of QT5 official demo analytic set of this blog

Each green font is a blog post connection, please bookmark this article, this article will continue to update.

QML APPLICATIONS--QML Application

QML is a declarative language that provides a set of interfaces to describe visual components and their interactions. It is a highly readable language and is designed to enable components to connect to each other in a dynamic way. It also makes it easy to reuse components and create custom user interfaces. Using the Qtquick module, designers and developers can easily use QML to create user interfaces with smooth animations and connect these interfaces to the back-end C + + libraries.

What is QML?

QML is a user interface specification and programming language. It allows developers and designers to create high-performance, smooth animations and visual effects for applications. QML provides a highly readable, declarative, JSON-like syntax that supports binding with JavaScript expressions to achieve dynamic properties.

The QT qml section details the QML language and its basics, see the QT qml section documentation for QML language insights.

The following pages contain more QML information:

First Steps with qml--as these examples begin to use QML

The QML REFERENCE--QML structure and function reference

QML Coding CONVENTION--QML Coding Specification

Glossary of QML TERMS--QML terminology

What is Qt Quick?

Qt Quick is the QML type and functional standard library, which includes visualization types, interaction types, animations, models and views, particle effects and shading effects. A QML application developer can use all of these features through an import statement.

The Qt Quick section introduces the QML library in Qtquick. To learn more about the various QML types and other features offered by Qt Quick, please refer to the QT Quick Module documentation.

QML User Interfaces

To create a custom graphical user interface, Qt quick adds visualization types, animation types, and other QML types to the standard QML types. Since the QT Creator 2.7 release, QT Quick designer has been integrated into QT Creator and supports Qtquick 2.

Visual types in QML--QML visual type

Responding to user input in QML--QML user inputs response

Animations in qml--qml animation

Text display of Displaying text in QML--QML

Layouts in QML--QML layout

Style and Theme support--styles and themes support

Integrating JavaScript in qml--integrated JavaScript in QML

scalability--(Multi-screen, translator note) extensibility

Buttons, Menus, and other Controls

For some basic UI operations, the Qt Quick controls module implements a number of controls, like buttons, menus, and windows. These controls mimic their own local behavior on different platforms like Windows, OS X,linux, and so on.

Qt Quick Controls OVERVIEW--QT Quick Controls Overview

styles--style

dialogs--dialog box

layouts--layout

Special Effects

Some QT modules provide several types of special effects for creating applications, and their respective pages contain more information about these special usages.

Particle effects--particle effects

Graphical effects--used to create graphic composition items

View Web Content in QML applications

WebView is a type of qml that is used to render and display dynamic Web content. It can load a URL or HTML string. Read more webview and see the relevant routines to access the QT WebKit page.

Sensors, gestures, and Touch Interfaces

The Qt sensors module allows applications to read information from sensors like accelerometers and inclinometer. There is an identical qml API on different platforms and can be extended by C + +.

Qt Sensors QML TYPES--QT sensor QML type

Qt Sensors EXAMPLES--QT Sensor routines

Compatibility map--lists the support levels for different platforms

Multimedia Content

The QT multimedia module enables applications to handle multiple media files through a convenient QML collection class. These QML types can be extended in C + +.

multimedia--Multimedia

--audio overview--Audio Overview

--video overview--Video Overview

--camera overview--Camera Overview

--radio overview--Radio Overview

--QT audio engine--playback and content management for three-dimensional sound

Mobile Devices

Some QT modules provide the corresponding QML APIs for network and mobile devices. These QML types can access Bluetooth, near field communication (NFC), and GPS-enabled devices.

Qt POSITIONING--QT Location

Qt BLUETOOTH--QT bluetooth

Qt nfc--qt Near Field communication

For more information, go to the Networking and Connectivity and mobile APIs page.

Code Samples and Demos

To learn more about the use of QML code, here are some sample code that shows how some QML types are used. In addition, there are some examples of how QML code can be used in applications.

Getting Started Programming with Qt quick--A tutorial demonstrating how to create a simple text editor using QML

Qt Quick Examples and TUTORIALS--QT quick examples and tutorials

Advanced Application Development Topics

Deploying QML APPLICATIONS--QML Application Deployment

Performance considerations and suggestions--considerations and recommendations for performance

Internationalization and localization--internationalization and localization

Testing and debugging

--prototyping with Qmlscene--qmlscene prototypes

--debugging QML APPLICATIONS--QML application debugging

--QT Quick TEST:QML Unit Testing FRAMEWORK--QT Quick test: QML Unit Test framework

Other QML Modules

QT Quick provides only the basic visual type and provides most of the QT functionality to QML through other modules. If you need to use the functionality of these modules, you can refer to their QML documentation.

This all QML APIs by module contains a list of all the QML modules in Qt 5.

Release Notes and porting guide

Qt QML Release Notes

Qt Quick Release Notes

Porting QML applications to Qt 5

QML Official Series Tutorial--QML applications