QML的语言(中文)

《QML的语言(中文)》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、QML的语言介绍QML是一种描述程序的用户界面的说明性的设计语言。从表现上两者看起很像。在QML中，用户界面被规定为具有属性的对象树。本简介是为了很少或没有编程经验的人。JavaScript是用来作为QMl的脚本语言，所以你可能想了解多一点关于它（JavaScript的：权威指南），然后潜入QML第更深。这度如HTML和CSS等Web技术的基本理解有帮助的，但QML不是必需的。QML的基本语法QMl看起来想下面这样：importQt4.7Rectangle{width:200height:200color:"

2、blue"Image{source:"pics/logo.png"anchors.centerIn:parent}}其对象是指定类型一对大括号之后。对象类型总是以一个大写字母开始。在上面的例子，有两个对象，一个矩形和图像。在括号之间的，我们可以指定对象的有关信息，如它的性能。属性规定格式为“property:value”。我们可以看到的图像有一个名为source的属性，它已被指派值“pics/logo.png”的value。用冒号分隔。每个属性可以占用一个行：Rectangle{width:100height

3、:100}或者一行多个属性（加上“:”）：Rectangle{width:100;height:100}import语句导入了Qt模块，它包含了标准QML的所有元素。如果没有这个import语句，Rectangle和Image内容将无法使用。Expressions表达式除了赋值属性，你也可以指定用JavaScript编写的表达式。Rotation{angle:360*3}Angle（角度），Rotation（旋转）这些表达式可以包含其他对象属性的引用，在这种情况下，一个 具有约束力的 建立：当值变更的表达，表

4、达的属性已经分配的是自动更新该值。Item{Text{id:text1text:"HelloWorld"}Text{id:text2text:text1.text}}在上面的例子中， Text2的 对象将显示相同的文字 文本1。 如果 text1的 改变， Text2的 将自动更改为相同的值。QMLCommentsQMl的注释QML的注释类似JavaScript。·单行注释以//并完成在该行的末尾。·多行注释以/*和*/完成importQtQuick1.0注释会被忽略。 他们解释对你在做什么有用，在以后的日子

5、，或阅读你的QMl的文件等。注释也可以用来防止代码执行，有时对于跟踪问题非常有用。Text{text:"Helloworld!"//opacity:0.5}在上面的例子中，文本对象将有正常的不透明度，因为行不透明度：0.5已变成为一个注释。Properties属性属性命名属性以小写字母开始（与异常 附加属性）。属性类型QMl支持许多类型的属性（见 QML的基本类型）。 基本类型包括整数，实数，布尔，字符串，颜色和清单。Item{x:10.5//a'real'property...state:"details"

6、//a'string'propertyfocus:true//a'bool'property}QML属性被称为type-safe.。 也就是说，他们只允许你指定一个值相匹配的属性的类型。 例如， x 项属性的是real，如果你尝试将一个字符串它，你会得到一个错误。Item{x:"hello"//illegal!违法}属性id每个对象都可以得到一个特殊的独有属性称为id。 没有相同的其他对象在QMLdocument 可以有相同 的ID值。 分配一个ID，则该对象被称为脚本和其他对象。第一个矩形元素下面有一个id

7、，“myRect”。 第二个矩形元素定义参照其本身宽 myRect.width，这意味着它将具有相同的 宽度 元素的值作为第一个矩形。Item{Rectangle{id:myRectwidth:100height:100}Rectangle{width:myRect.widthheight:200}}Listproperties列表属性列表属性是这样的：Item{children:[Image{},Text{}]}该列表包含在方括号内，以逗号分隔的列表元素。 在你只分配一个单一的项目列表的情况下，你可以省略方

8、括号：Image{children:Rectangle{}}Defaultproperties默认属性每个对象类型可以指定其名单或作为其默认属性的对象属性之一。 如果属性已被宣布为默认属性，该属性标记可以省略。例如，这段代码：State{changes:[PropertyChanges{},PropertyChanges{}]}可以简化为：State{PropertyChanges{}Propert