【QT-QML】2. QML语法

1. QML 语法

1.1 概述

QML 是一种声明式语言，用于描述对象和对象之间的关系。QtQuick 是一个基于 QML 构建的框架，用于构建应用程序的用户界面。它将用户界面分解成更小的元素，这些元素可以组合成组件。QtQuick 描述了这些用户界面元素的外观和行为。这种用户界面描述可以通过 JavaScript 代码进行丰富，从而提供简单或更复杂的逻辑。从这个角度来看，它遵循 HTML-JavaScript 模式，但 QML 和 QtQuick 从一开始就被设计用于描述用户界面，而不是文本文档。

QtQuick 最简单的用法是创建元素层级结构。
子元素继承父元素的坐标系。x,y 坐标始终相对于父元素。
提示：
QtQuick 基于 QML 构建。QML 语言本身只包含元素、属性、信号和绑定。
QtQuick 是一个基于 QML 的框架。通过使用默认属性，可以优雅地构建 QtQuick 元素的层次结构。

让我们从一个简单的 QML 文件示例开始，来解释不同的语法。

// RectangleExample.qml

// import 语句用于导入模块。可以添加一个可选的版本号，格式为 <major>.<minor>
import QtQuick

// 可以使用 // 进行单行注释，或使用 /* */ 进行多行注释。这与 C/C++ 和 JavaScript 类似。
// 每个 QML 文件都必须只有一个根元素，就像 HTML 文件一样。
// The root element is the Rectangle
// 元素由其类型后跟 { } 声明。
Rectangle {
	// 可以使用 id （未加引号的标识符）访问 QML 文档中的任意元素。
    // name this element root
    id: root

	// 元素可以拥有属性，属性格式为 name: value
    // proper