Qt-Quick中文手册精编.pdf

QML 杂记 Tonkv 翻译 Qt Quick 简介 Qt Quick 提供了一套高动态，丰富的 QML 元素来定制用户界面的说明性框架。Qt Quick 有助于 程序开发员与界面设计员的合作为便携式设备建立流畅的用户界面，例如：移动电话、媒体播放器，机 顶盒以及上网本等。Qt Quick 包含了 QtDeclarative C++模块，QML 并且它们全被整合到 Qt Create IDE 中。使用 QtDeclarative C++模块可以从你的 QT 应用程序中载入 QML 文件并与之互动。 QML 是对 Ja vaScript 一种扩展，它提供一种机制使用 QML 元素来说明构建一个对象树。QML 对 Ja vaScript 与 Qt 现有的 QObjec -tbase 类型系统进行整合改善；增加了自动属性绑定的支持并提供在 语言级别的网络透明度。 QML 元素是一套先进的图形，就像搭积木方式那样构建界面。这些不同的元素是通过 QML 文档来 绑在一起的，从简单的按钮与滑块到复杂完整的应用程序，例如一个受欢迎的 Flickr 照片共享网站上的 照片浏览器。 Qt Quick 是建立在 Qt 固有优势的基础上。QML 可被用于逐步扩展现有的程序或创建全新的应用 程序。QML 通过 QtDeclarative 模块来完全扩展 C++功能。 入门 QML 语言入门 QML 是一个说明性语言，用来描述程序的用户界面：它的外观以及它的行为。在 QML 中，一个用 户界面作为一个带有属性的对象树。 本篇是为有很少或没有编程经验的人准备的。Ja vaScript 是用来作为 QML 的脚本语言，所以你可 能想对它了解多一点（Ja vaScript ：The Definitive Guide ），然后再深入QML。另外如 HTML 与 CSS 等 Web 技术的基础原理也是有帮助的；但它不是必需的。 QML 语言基础 QML 类似这样： import Qt 4.7 Rectangle { 语言岛网站 1 QML 杂记 Tonkv 翻译 width: 200 height: 200 color: blue Image { source: pics/logo.png anchors.centerIn: parent 对象是指定的类型，紧随其后是一对大括号，对象类型总是首字母为大写。在上面的示例中，有两个 对象，一个 Rectangle ［矩形 ］与一个 Image ［图像 ］。在大括号之间是关于该对象特定的信息 ，例如 它们的属性。 属性是以 property ［属性］: value ［值］形式指定的。在上面的示例中，我们可以看到图像有个名为 source ［来源］的属性，它的值被指定为”pics/logo.png”。该属性与它的值是由冒号来分隔。 属性是由单行来输写： Rectangle { width: 100 height: 100 或单行输写多个属性： Rectangle { width: 100; height: 100 } 当单行输写多属性/值时 ，必须由分号来分隔开来。 Import 语句导入 Qt模块，它包含所有标准的 QML元素。如果没有 Import 语句 ；那么Rectangle与 Image元素将无效。 表达式 了赋值属性外；你也可以用 JavaScript编写的表达式来指定。 Rotation { angle: 360 * 3 这些表达式可以包含其它的对象与属性的引用，在这种情况下就会建立约束关联