QML语言特性
QML的语法效法CSS,是一种声明式语言(Declarative Code),属性定义及关系直接写在定义体中,编写效率极高。
QML源代码一般由QML引擎从单独的QML代码文件中读取。
Import语句
QML代码中,import语句一般写在头几行。可以是以下几种之一:
- 包含类型的全名空间
- 包含QML代码文件的目录
- Javascript代码文件
格式如下:
import Namespace VersionMajor.VersionMinor
import Namespace VersionMajor.VersionMinor as SingletonTypeIdentifier
import "directory"
import "file.js" as ScriptIdentifier
示例如下:
import QtQuick 2.0
import QtQuick.LocalStorage 2.0 as Database
import "../privateComponents"
import "somefile.js" as Script
更多细节请见QML Syntax - Import Statements
对象声明
每段QML代码都定义一个对象树。所有的QtQuick元素都是继承于QQuickItem(QML中的Item类型),包括Rectangle、Text等。
在定义对象的同时,对象的属性也会被赋初值。每个对象都可在其内部再声明子对象。每个对象的内容都由大括号包围。如下:
Rectangle {
width: 100
height: 100
color: "red"
}
等价于:
Rectangle { width: 100; height: 100; color: "red" }
Rectangle是QtQuick模块中已经定义好的,包含width、height、color三个属性。
这段代码可以放进一个单独的QML文件供其他文件引用。
子对象
每个QML对象内可声明无限个子对象,如下代码:
import QtQuick 2.0
Rectangle {
width: 200
height: 200
color: "red"
Text {
anchors.centerIn: parent // 此处parent是Rectangle
text: "Hello, QML!"
}
}
注释
QML的注释,类似于C++、Java和Javasript等,有两种:
- 单行注释时使用双斜杠//
- 多行注释使用 /* … */
代码如下:
Text {
text: "Hello world!" //a basic greeting
/*
We want this text to stand out from the rest so
we give it a large size and different font.
*/
font.family: "Helvetica"
font.pointSize: 24
}
模块声明
QML每个类都单独存放一个文件,每个文件都是一个模块(有点类似于Matlab),但不能单独声明一个函数,函数必须写在类内,或者用Javascript代码。
引用时,就不再以对象的名了,而是以模块名使用。比如上代码保存在ABC.qml文件中,import之后就使用ABC.*了,命名上和Text类型再没有关系。
如果不考虑C++扩展的话,所有的QML代码都是使用已有的QML元素类型完成的。