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