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
}

結果將是相同的。

在QML中，注釋的標記方式與在C ++中相同。行末注釋以

//

我們示例的第1行包含這樣的注釋。多行注釋以

/*   */