作者：丁冬,華清遠(yuǎn)見嵌入式學(xué)院講師。

QML 是一種聲明方式設(shè)計(jì)的語言，用來設(shè)計(jì)應(yīng)用程序的界面，包括樣式與表現(xiàn)行為。在QML 中，用戶界面被制定為一個(gè)樹形的對(duì)象模型并且包含了對(duì)象的屬性。在學(xué)習(xí)QML最好首先有HTML 的基礎(chǔ)與CSS 的基礎(chǔ)。

基本的QML語法

Rectangel

{

width:200

height:200

color:"white"

Image{

source: "pics/logo,png"

anchors.conterIn.parent

}

首先聲明對(duì)象的名稱，通過大括號(hào)將屬性包含進(jìn)來，在上面的代碼當(dāng)中包含了兩個(gè)屬性，一個(gè)是對(duì)于正方體屬性的設(shè)置，另外是對(duì)圖像屬性的設(shè)置。對(duì)于一個(gè)屬性的定義方式有兩種方法，可以將屬性寫成兩行，也可以寫成一行下面是兩種書寫的方法，作為比較。

第一種方法：

Rectangle {

width: 100

height: 100

}

第二種方法：

Rectangle { width: 100; height: 100 }

當(dāng)對(duì)于多個(gè)對(duì)象與屬性進(jìn)行聲明的時(shí)候而且寫成一行，需要注意在他們中間加上分號(hào)。

可擴(kuò)展方式

有一些語法的生命可以寫成javaScript. 的方式。

Rotation {

angle: 360 * 3

}

針對(duì)不同的項(xiàng)目也可以使用相同的對(duì)象屬性名稱來設(shè)計(jì)，下面是例子：

Item {

Text {

id: text1

text: "Hello World"

}

Text {

id: text2

text: text1.text

}

}

上面的兩行代碼是通過不同的id 來區(qū)分不同的對(duì)象設(shè)置。

QML 的內(nèi)容頁面

內(nèi)容頁面與javaScript. 是十分相似的，包括注釋方式，下面是實(shí)例代碼

import Qt 4.6

Text {

text: "Hello world!" //a basic greeting

/*

We want this text to stand out from the rest so

we give it a large size and different font.

*/

font.family: "Helvetica"

font.pointSize: 24

}

“本文由華清遠(yuǎn)見http://www.embedu.org/index.htm提供”