第四章 QML语法

4.1 语法基础

import QtQuick 2.6
import QtQuick.Window 2.2

Rectangle {
    width: 400
    height: 400
    color: "blue"
    Image {
        source: "pics/logo.png"
        anchors.centerIn: parent
    }
}

示例

4.1.1 导入语句import

import语句可以导入QtQuick模块，可以支持不同的类型。

4.1.2 对象和属性

示例中对象一般以大写字母开头，后面跟一对大括号。

括号中包括了对象的特性定义，不如对象的属性值或者它的子对象。例如：Rectangle { width: 100; height: 100 }

当多个"属性：值"写在一起时，用分号分隔

4.1.3 布局

anchors.centerIn起到布局的作用，除它以外还有很多布局属性

4.1.4注释

• 单行注释使用“//”开始，直到好末尾
• 多行注释使用“/*”开始，以“*/”结尾

4.1.5 表达式

Item {
    width: 100 * 3
    height: 50 + 22
}
//属性值可以包含表达式

Item {
    width: 300
    height: 300
    Rectangle {
        width: parent.width - 50
        height: 100
        color: "yellow"
    }
}
//可以和其他的值绑定，此时如果值改变，会自动更新

表达式例子

4.1.6 调试输出

使用console.log()和console.debug()来输出调试信息，类似与qDebug()。

4.2 import导入语句

需要使用的模块必须在文件开头使用import导入。

4.2.1 模块导入语句

常见的import语法是：

import<ModuleIdentifier><Version.Number>[as<Qualifier>]

• <ModuleIdentifier>是使用点分割的URI标识符，该掉师傅唯一去顶模块对象类型命名空间
• <Version.Number>是“主版本号.子版本号”形式的版本信息
• <Qualifier>是可选的限定符，用于给导入的对象类型和JavaScript资源一个文档内部的命名空间。

4.3 QML类型系统

4.4 对象特性

4.5 集成JavaScript表达式

4.6 QML文档

4.7 QML模块