Qt quick入门教程：如何创建你的第一个项目

Qt是目前最先进、最完整的跨平台C++开发工具。它不仅完全实现了一次编写，所有平台无差别运行，更提供了几乎所有开发过程中需要用到的工具。如今，Qt已被运用于超过70个行业、数千家企业，支持数百万设备及应用。

点击下载Qt最新试用版

组件和属性

我们将开始一个QML程序，该程序绘制了一个300x300像素的蓝色矩形。

// File: BasicSteps_1.qml

import QtQuick 1.0

Rectangle {
 width: 300
 height: 300
 color: "blue"
}

我们运行QML查看器以查看工作结果：

qmlviewer BasicSteps_1.qml &

上述QML代码确实会产生一个蓝色矩形。如上的一个完整的QML代码被称为QML文档。QML文件是一段至少包含一个QML代码

import

语句和一个顶层组件。在我们的例子中

Rectangle

是单个顶级组件。通常，QML文档与文件相对应，但是它也可以是存储在字符串中的文本或指向存储在远程服务器上的QML文档的URL。该声明

import Qt 4.7

使Qt 4.7的所有QML组件均可用于我们的QML文档。Qt 4.7带有诸如Rectangle，Text，ListView，WebView，Flipable，Animation等内置组件（更多信息请参见QML Elements）。 组件是C ++类的QML等效项。它们具有属性，方法（成员函数），信号和插槽。发生

Rectangle

第5-9行是a的实例

Rectangle

组件：一个蓝色的300x300像素实例

Rectangle

零件在Qt文档中，element通常被用作component的同义词。具有可视表示形式（例如矩形或文本）的组件称为项。组件名称始终以大写字母开头，后跟零个或多个字母，数字和下划线。组件实例的特征是其属性，即名称/值对。

Rectangle

上面的实例具有三个属性

width;heigth;color
对应的值分别是：300；300；blue

分别。属性名称始终以小写字母开头，后跟零个或多个字母，数字和下划线。属性是类型安全的，但是该行

将是非法的，因为width属性需要一些实数类型。QML支持以下基本类型：布尔型，颜色，日期，字体，整数，列表，点，实型，矩形，大小，字符串，时间，URL。

width: 300; height: 300
color: "blue"

可以在用分号分隔的一行中写入多个属性;属性的顺序无关紧要。我们可以重写

Rectangle

写作

Rectangle {
 color: "blue"
 height: 300
 width: 300
}

结果将是相同的。

//

我们示例的第1行包含这样的注释。多行注释以

/*   */