剖析Qt Quick之QML程序
Qt Quick是Qt 4.7主推的技術(shù)，下面是Qt官網(wǎng)對(duì)其進(jìn)行的介紹：
Qt Quick 是一種高級(jí)用戶界面技術(shù)，使用它可輕松地創(chuàng)建供移動(dòng)和嵌入式設(shè)備使用的動(dòng)態(tài)觸摸式界面和輕量級(jí)應(yīng)用程序。三種全新的技術(shù)共同構(gòu)成了 Qt Quick 用戶界面創(chuàng)建工具包：一個(gè)改進(jìn)的Qt Creator IDE、一種新增的簡(jiǎn)便易學(xué)的語(yǔ)言 (QML) 和一個(gè)新加入 Qt 庫(kù)中名為 QtDeclarative 的模塊，這些使得 Qt 更加便于不熟悉 C++ 的開發(fā)人員和設(shè)計(jì)人員使用。
下面我們先到Qt Creator中查看相關(guān)幫助文件，讓我們對(duì)它有個(gè)大體的了解。
我們查看Qt Creator中的幫助Help，首先進(jìn)入我們眼簾的便是Qt Creator的介紹，在這里你可以查看Qt Creator的相關(guān)信息和使用方法。
我們查看下面的目錄，可以看到這里有簡(jiǎn)單的工程的建立教程。我們進(jìn)入Creating an
Animated Application 的鏈接，這個(gè)便是一個(gè)最簡(jiǎn)單的QML工程的教程，你可以參考一下。
下面我們建立自己的QML工程。
1.新建Qt QML Application ，工程名設(shè)置為helloWorld 。
2.我們點(diǎn)擊helloWorld.qmlproject文件。
在這里可以看到它就是包含了幾個(gè)文件夾的路徑信息，默認(rèn)的都是本工程文件夾。
在最上面，有一句提示，Do you want to enable the experimental Qt Quick Designer? 你是否要啟用實(shí)驗(yàn)中的Qt Quick Designer？當(dāng)然，所以我們點(diǎn)擊后面的按鈕來啟用Qt Quick Designer。
3.這時(shí)彈出一個(gè)提示框。
它的大體內(nèi)容是，如果啟用Qt Quick Designer ，將影響Qt Creator的整體穩(wěn)定性。還告訴了我們?cè)趺赐Ｓ肣t Quick Designer。我們選擇“Enable Qt Quick Designer”。
#p#
4.我們關(guān)閉Qt Creator，然后重新打開它。我們?cè)俅未蜷_剛才建立的工程。
雙擊helloWorld.qml文件，這時(shí)我們期盼已久的Qt Quick Designer界面終于出現(xiàn)了。對(duì)于這個(gè)界面，我們以后再詳細(xì)講解。
5.我們?cè)俅位氐紼dit模式下，查看helloWorld.qml文件的內(nèi)容。
- import Qt 4.6
- Rectangle {
- width: 200
- height: 200
- Text {
- x: 66
- y: 93
- text: “Hello World”
- }
- }
這就是傳說中的QML語(yǔ)言了，看上去有點(diǎn)像CSS，就像官網(wǎng)所說的，它是JavaScript的擴(kuò)展。我們這里先不對(duì)這些代碼做什么解釋，到后面會(huì)專門來講這個(gè)語(yǔ)言的。
6.我們這時(shí)運(yùn)行程序，效果如下。
7.我們更換一下程序的皮膚。
在skin菜單中選擇一個(gè)皮膚。
運(yùn)行效果如下：
我們可以在其上右擊鼠標(biāo)，選擇Quit菜單，退出程序。
8.關(guān)于停用Qt Quick。
我們打開Help菜單，進(jìn)入About Plugins子菜單。然后將Qt Quick項(xiàng)的對(duì)勾去掉即可。
到這里，一個(gè)最簡(jiǎn)單的Qt Quick程序就完成了。我們可以看到，這是一個(gè)全新的體驗(yàn)，它與以前的Qt應(yīng)用是完全不同的。
【編輯推薦】
