作者：丁冬,華清遠見嵌入式學院講師。

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

基本的QML語法

Rectangel

{

width:200

height:200

color:"white"

Image{

source: "pics/logo,png"

anchors.conterIn.parent

}

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

第一種方法：

Rectangle {

width: 100

height: 100

}

第二種方法：

Rectangle { width: 100; height: 100 }

當對于多個對象與屬性進行聲明的時候而且寫成一行，需要注意在他們中間加上分號。

可擴展方式

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

Rotation {

angle: 360 * 3

}

針對不同的項目也可以使用相同的對象屬性名稱來設計，下面是例子：

Item {

Text {

id: text1

text: "Hello World"

}

Text {

id: text2

text: text1.text

}

}

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

QML 的內(nèi)容頁面

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

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

}

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