QML的语言(中文).doc

QML的语言介绍 QML 是一种描述程序的用户界面的说明性的设计语言。从表现上两者看起很像。在QML中，用户界面被规定为具有属性的对象树。 本简介是为了很少或没有编程经验的人。 JavaScript是用来作为QMl的脚本语言，所以你可能想了解多一点关于它（JavaScript的：权威指南），然后潜入QML第更深。这度如HTML和CSS等Web技术的基本理解有帮助的，但QML不是必需的。 QML的基本语法 QMl看起来想下面这样： import Qt 4.7 Rectangle { width: 200 height: 200 color: blue Image { source: pics/logo.png anchors.centerIn: parent } } 其对象是指定类型一对大括号之后。对象类型总是以一个大写字母开始。在上面的例子，有两个对象，一个矩形和图像。在括号之间的，我们可以指定对象的有关信息，如它的性能。 属性规定格式为“property: value”。我们可以看到的图像有一个名为source的属性，它已被指派值“pics / logo.png”的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: text1.text } } 在上面的例子中，?Text2的?对象将显示相同的文字?文本1。?如果?text1的?改变，?Text2的?将自动更改为相同的值。 QML Comments QMl的注释 QML的注释类似JavaScript。 单行注释以/ /并完成在该行的末尾。 多行注释以/ *和* /完成 import QtQuick 1.0 注释会被忽略。?他们解释对你在做什么有用，在以后的日子，或阅读你的QMl的文件等。 注释也可以用来防止代码执行，有时对于跟踪问题非常有用。 Text { text: Hello world! //opacity: 0.5 } 在上面的例子中，文本对象将有正常的不透明度，因为行不透明度：0.5已变成为一个注释。 Properties属性 属性命名 属性以小写字母开始（与异常?附加属性）。 属性类型 QMl支持许多类型的属性（见?QML的基本类型）。?基本类型包括整数，实数，布尔，字符串，颜色和清单。 Item { x: 10.5 // a real property ... state: details // a string property focus: true // a bool property } QML属性被称为type-safe .。?也就是说，他们只允许你指定一个值相匹配的属性的类型。?例如，?x?项属性的是real，如果你尝试将一个字符串它，你会得到一个错误。 Item { x: hello // illegal!违法 } 属性id 每个对象都可以得到一个特殊的独有属性称为id。?没有相同的其他对象在QML document?可以有相同?的ID值。?分配一个ID，则该对象被称为脚本和其他对象。 第一个矩形元素下面有一个id，“myRect”。?第二个矩形元素定义参照其本身宽?myRect.width，这意味着它将具有相同的?宽度?元素的值作为第一个矩形。 Item { Rectangle { id: myRect width: 100 height: 100