QML--概述

QML（Qt Meta Language，Qt元语言）是一个用来描述应用程序界面的声明式脚本语言，自Qt 4.7引入。QML具有良好的易读性，它以可视化组件及其交互和相互关联的方式来描述界面，使组件能在动态行为中互相连接，并支持在一个用户界面上很方便的复用和定制组件。

Qt Quick是Qt为QML提供的一套类库，由QML标准类型和功能组成，包括可视化类型、交互类型、动画类型、模型和视图类型，粒子系统和渲染效果等，在编程时只需要一条import语句，程序员就能够访问这些功能。使用Qt Quick，设计和开发人员能很容易地用QML构建出高品质、流程的UI界面，从而开发出具有视觉吸引力的应用程序。在Qt 5中，QML已经同C++并列成为Qt的首选编程语言，Qt 5.8支持Qt Quick 2.7。

QML是通过Qt QML引擎在程序运行时解析并运行的。Qt 5.11更高性能的编译器通道意味着使用QML编写的程序启动时及运行时速度更快、效率更高。QML新、旧编译器通道如下图所示：

旧编译器通道图

新编译器通道图

第一个QML程序

（1）启动Qt Creator，单击主菜单“文件”→“新建文件或项目…”项，弹出“New File or Project”对话框，如下图所示，选择项目“Application”下的“Qt Quick Application”模板。

（2）在“Qt Quick Application”对话框的“Project Location”页输入项目名称“QmlDemo”，并选择保存项目的路径，如下图所示。

（3）单击“下一步”按钮，在“Define Project Details”页选择“Qt 5.7”，如图下图所示。

（4）单击“下一步”按钮，在“Kit Selection”页，系统默认已指定程序的编译器和调试器，如下图所示，直接单击“下一步”按钮。

（5）在“Project Management”页上自动汇总出要添加到该项目的文件，如下图所示，单击“完成”按钮完成QML应用程序的创建。

此时，系统自动将这些文件组织起来生成项目工程，并预生成了一个QML代码的框架，其中main.qml为项目启动的主程序文件，代码如下：

import QtQuick 2.7
import QtQuick.Window 2.2
Window {
    visible: true
    width: 640
    height: 480
    title: qsTr("Hello World")
    MainForm {
        anchors.fill: parent
        mouseArea.onClicked: {
            console.log(qsTr('Clicked on background. Text: "' + textEdit.text + '"'))
        }
    }
}
1
2
3
4
5
6
7
8
9
10
11
12
13
14

单击运行按钮运行程序，弹出“Hello World”窗口，窗口的上部有一个文本输入框（默认显示“Enter some text…”），在框中输入“Hello World!”后用鼠标单击该框外窗口内的任意位置，可以看到开发环境底部“应用程序输出”子窗口中输出一行文本“qml: Clicked on background. Text: “Hello World!””，整个过程如下图所示。