Qt quick入門教程：如何創(chuàng)建你的第一個項目

---

Qt是目前最先進(jìn)、最完整的跨平臺C++開發(fā)工具。它不僅完全實(shí)現(xiàn)了一次編寫，所有平臺無差別運(yùn)行，更提供了幾乎所有開發(fā)過程中需要用到的工具。如今，Qt已被運(yùn)用于超過70個行業(yè)、數(shù)千家企業(yè)，支持?jǐn)?shù)百萬設(shè)備及應(yīng)用。

點(diǎn)擊下載Qt最新試用版

組件和屬性

我們將開始一個QML程序，該程序繪制了一個300x300像素的藍(lán)色矩形。

// File: BasicSteps_1.qml

import QtQuick 1.0

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

我們運(yùn)行QML查看器以查看工作結(jié)果：

qmlviewer BasicSteps_1.qml &

上述QML代碼確實(shí)會產(chǎn)生一個藍(lán)色矩形。如上的一個完整的QML代碼被稱為QML文檔。QML文件是一段至少包含一個QML代碼

import

語句和一個頂層組件。在我們的例子中

Rectangle

是單個頂級組件。通常，QML文檔與文件相對應(yīng)，但是它也可以是存儲在字符串中的文本或指向存儲在遠(yuǎn)程服務(wù)器上的QML文檔的URL。該聲明

import Qt 4.7

使Qt 4.7的所有QML組件均可用于我們的QML文檔。Qt 4.7帶有諸如Rectangle，Text，ListView，WebView，F(xiàn)lipable，Animation等內(nèi)置組件（更多信息請參見QML Elements）。 組件是C ++類的QML等效項。它們具有屬性，方法（成員函數(shù)），信號和插槽。發(fā)生

Rectangle

第5-9行是a的實(shí)例

Rectangle

組件：一個藍(lán)色的300x300像素實(shí)例

Rectangle

零件在Qt文檔中，element通常被用作component的同義詞。具有可視表示形式（例如矩形或文本）的組件稱為項。組件名稱始終以大寫字母開頭，后跟零個或多個字母，數(shù)字和下劃線。組件實(shí)例的特征是其屬性，即名稱/值對。

Rectangle

上面的實(shí)例具有三個屬性

width;heigth;color
對應(yīng)的值分別是：300；300；blue

分別。屬性名稱始終以小寫字母開頭，后跟零個或多個字母，數(shù)字和下劃線。屬性是類型安全的，但是該行

將是非法的，因?yàn)閣idth屬性需要一些實(shí)數(shù)類型。QML支持以下基本類型：布爾型，顏色，日期，字體，整數(shù)，列表，點(diǎn)，實(shí)型，矩形，大小，字符串，時間，URL。

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

可以在用分號分隔的一行中寫入多個屬性;屬性的順序無關(guān)緊要。我們可以重寫

Rectangle

寫作

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

結(jié)果將是相同的。

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

//

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

/*   */

如果你對我們的產(chǎn)品感興趣或者有任何疑問，歡迎咨詢慧都在線客服>>