15、Qt Quick 与 QML 开发指南

Qt Quick 与 QML 开发指南

1. QML 简介

QML 是一种声明式语言，它更侧重于描述“是什么”，而非“怎么做”。其语法基于 JavaScript，能简洁地指定带有属性的对象树。以下是一个简单的矩形示例：

import QtQuick 1.0
Rectangle {
    height:200
    width: 200
    color: "red"
}

第一行指示 QML 解释器包含 QtQuick 1.0 提供的定义，你也可以导入自己的 QML 文件或 JavaScript 文件，以更好地分离用户界面和业务逻辑。

1.1 对象属性定义

QML 对象先指定类型，再以名称 - 值对的形式定义属性，用冒号分隔。类型名首字母大写，类似 C++ 类名。属性可以写在多行，也可以写在一行用分号分隔：

import QtQuick 1.0
Rectangle { height:200; width: 200; color: "red" }

选择哪种方式主要取决于个人对可读性的偏好。对于关联紧密且无需过多解释的属性，可写在一行；重要定义或需额外思考的属性，应单独一行并添加注释：

import QtQuick 1.0
Rectangle {
    height:200; width: 200
    // Required by Sandy’s UX documenta