自拍偷在线精品自拍偷,亚洲欧美中文日韩v在线观看不卡

剖析Qt Quick之QML程序

移動開發(fā)
本文講述的是第一個Qt Quick中的QML程序,Qt Quick是Qt 4.7 中推出的一項新技術,它是一種高級用戶界面技術,使用它可輕松地創(chuàng)建供移動和嵌入式設備使用的動態(tài)觸摸式界面和輕量級應用程序。

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的相關信息和使用方法。

剖析Qt Quick之QML程序

我們查看下面的目錄,可以看到這里有簡單的工程的建立教程。我們進入Creating an

Animated Application 的鏈接,這個便是一個最簡單的QML工程的教程,你可以參考一下。

剖析Qt Quick之QML程序

下面我們建立自己的QML工程。

1.新建Qt QML Application ,工程名設置為helloWorld 。

剖析Qt Quick之QML程序

2.我們點擊helloWorld.qmlproject文件。

在這里可以看到它就是包含了幾個文件夾的路徑信息,默認的都是本工程文件夾。

在最上面,有一句提示,Do you want to enable the experimental Qt Quick Designer? 你是否要啟用實驗中的Qt Quick Designer?當然,所以我們點擊后面的按鈕來啟用Qt Quick Designer。

剖析Qt Quick之QML程序

3.這時彈出一個提示框。

它的大體內容是,如果啟用Qt Quick Designer ,將影響Qt Creator的整體穩(wěn)定性。還告訴了我們怎么停用Qt Quick Designer。我們選擇“Enable Qt Quick Designer”。

剖析Qt Quick之QML程序 

#p#

4.我們關閉Qt Creator,然后重新打開它。我們再次打開剛才建立的工程。

雙擊helloWorld.qml文件,這時我們期盼已久的Qt Quick Designer界面終于出現(xiàn)了。對于這個界面,我們以后再詳細講解。

剖析Qt Quick之QML程序

5.我們再次回到Edit模式下,查看helloWorld.qml文件的內容。

  1. import Qt 4.6  
  2. Rectangle {  
  3.     width: 200  
  4.     height: 200  
  5.     Text {  
  6.         x: 66  
  7.         y: 93  
  8.         text: “Hello World”  
  9.     }  

這就是傳說中的QML語言了,看上去有點像CSS,就像官網所說的,它是JavaScript的擴展。我們這里先不對這些代碼做什么解釋,到后面會專門來講這個語言的。

6.我們這時運行程序,效果如下。

剖析Qt Quick之QML程序

7.我們更換一下程序的皮膚。

在skin菜單中選擇一個皮膚。

剖析Qt Quick之QML程序 

運行效果如下:

剖析Qt Quick之QML程序

我們可以在其上右擊鼠標,選擇Quit菜單,退出程序。

8.關于停用Qt Quick。

我們打開Help菜單,進入About Plugins子菜單。然后將Qt Quick項的對勾去掉即可。

剖析Qt Quick之QML程序

到這里,一個最簡單的Qt Quick程序就完成了。我們可以看到,這是一個全新的體驗,它與以前的Qt應用是完全不同的。

【編輯推薦】

Qt 平臺中使GUI保持響應流暢

QML Image獲取資源路徑的細節(jié)

QML教程:Qt-Quick六大開源組件

QML教程:構建和安裝QtComponents

QML教程:Review Native Quick Widgets

Chrome開始對Java和QuickTime的運行進行授權

責任編輯:zhaolei
相關推薦

2011-06-20 13:23:03

Qt Quick QML

2011-06-24 17:22:29

Qt Quick QML

2011-03-11 14:43:41

Qt-QuickQML

2011-06-20 13:05:53

Qt 4.7 Qt Quick

2011-05-16 14:12:30

QuickWidgetQML

2011-06-10 11:24:08

Qt Quick Designer

2011-06-16 15:36:56

Qt Quick Symbian

2011-02-14 09:18:06

QT-Quick

2011-06-27 15:08:18

QML 視圖

2011-08-30 15:32:08

QtQuickQML

2011-07-01 14:39:08

Qt Quick

2011-08-30 16:08:24

Qt4.7Qt Quick

2011-08-30 15:49:03

QtQuick

2011-03-03 15:32:51

Qt-Quick

2011-10-25 09:37:34

SymbianQt Quick諾基亞應用商店

2011-07-08 16:46:21

QtQuick 1.0Symbian

2018-01-19 10:37:00

2011-06-24 15:06:40

QT

2011-06-10 09:29:36

Qt Creator 布局管理器

2011-06-23 13:25:42

QT 源碼 窗口
點贊
收藏

51CTO技術棧公眾號