语法:
- QML 是一种声明语言,用于描述程序界面。
- QML 将用户界面分解成一块块小的元素,每一元素都由很多组件构成。
- QML 定义了用户界面元素的外观和行为;更复杂的逻辑则可以结合 JavaScript 脚本实现。这有点类似于HTML 和 JavaScript 的关系,前者用来显示界面,后者用来定义行为。
- QML 最简单的元素关系是层次关系。子元素处于相对于父元素的坐标系统中。也就是说,子元素的 x 和 y 的坐标值始终相对于父元素。
- 一个 QML 文档有且只有一个根元素,QML元素可以有一个 id 属性,作为该元素的名字,id 属性在整个 QML 文档中必须是唯一的。子元素可以使用parent关键字访问其父元素。
通用类型:var,可以保存任何类型的属性值
自定义属性语法:
property <type> <name> : <value>
例: property int nCounts: 1
元素:
QML 基本元素可以分为可视元素和不可视元素两类。可视元素具有几何坐标,会在屏幕上占据一块显示区域。不可视元素(例如 Timer)通常提供一种功能,这些功能可以作用于可视元素。
- Item:定义所有可视元素的通用属性
- Rectangle:必须同时指定(显式地或隐式地)宽和高,否则的话是不能在屏幕上面显示出来
- Text:文本
- Image:图像
- MouseArea:交互。这是一个不可见的矩形区域,用于捕获鼠标事件。