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