QML的语言介绍
QML 是一种描述程序的用户界面的说明性的设计语言。从表现上两者看起很像。在QML中,用户界面被规定为具有属性的对象树。
本简介是为了很少或没有编程经验的人。 JavaScript是用来作为QMl的脚本语言,所以你可能想了解多一点关于它(JavaScript的:权威指南),然后潜入QML第更深。这度如HTML和CSS等Web技术的基本理解有帮助的,但QML不是必需的。
QML的基本语法
QMl看起来想下面这样:
import Qt
Rectangle {
width: 200
height: 200
color: "blue"
Image {
source: "pics/"
: parent
}
}
其对象是指定类型一对大括号之后。对象类型总是以一个大写字母开始。在上面的例子,有两个对象,一个矩形和图像。在括号之间的,我们可以指定对象的有关信息,如它的性能。
属性规定格式为“property: value”。我们可以看到的图像有一个名为source的属性,它已被指派值“pics / ”的value。用冒号分隔。
每个属性可以占用一个行:
Rectangle {
width: 100
height: 100
}
或者一行多个属性(加上“:”):
Rectangle { width: 100; height: 100 }
import语句导入了Qt模块,它包含了标准QML的所有元素。如果没有这个import语句,Rectangle和Image内容将无法使用。
Expressions表达式
除了赋值属性,你也可以指定用JavaScript编写的表达式。
Rotation
{ angle: 360 * 3 }
Angle(角度),Rotation(旋转)
这些表达式可以包含其他对象属性的引用,在这种情况下,一个 具有约束力的 建立:当值变更的表达,表达的属性已经分配的是自动更新该值。
Item {
Text {
id: text1
text: "Hello World"
}
Text {
id: text2
text:
}
}
在上面的例子中, Text2的 对象将显示相同的文字 文本1。 如果 text1的 改变, Text2的 将自动更改为相同的值。
ments QMl的注释
QML的注释类似JavaScript。
单行注释以/ /并完成在该行的末尾。
多行注释以/ *和* /完成
import QtQuick
注释会被忽略。 他们解释对你在做什么有用,在以后的日子,或阅读你的QMl的文件等。
注释也可以用来防止代码执行,有时对于跟踪问题非常有用。
Text {
text: "Hello world!"
//opacity:
}
在上面的例子中,文本对象将有正常的不透明度,因为行不透明度:。
Properties属性
属性命名
属性以小写字母开始(与异常 附加属性)。
属性类型
QMl支持许多类型的属性(见 QML的基本类型)。 基本类型包
QML的语言(中文) 来自淘豆网www.taodocs.com转载请标明出处.