15、Qt Quick 与 QML 开发入门指南

Qt Quick 与 QML 开发入门指南

1. QML 简介

QML 是一种声明式语言，它不关注“如何做”，而是着重于“做什么”。其语法基于 JavaScript，能简洁地指定带有属性的对象树。属性可以是对其他对象的引用、字符串或数字，使用喜欢的文本编辑器或 Qt Creator 都能轻松编辑 QML。

1.1 基本语法示例

以下是一个简单的矩形示例：

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

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

QML 对象先指定类型，再以键值对形式指定属性，用冒号分隔。类型名首字母大写，类似于 C++ 中的类名。属性可以逐行书写，也可以写在同一行，用分号分隔：

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

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

import QtQuick 1.0
Rect