Qt Quick

Qt Quick是Qt5中?戶界?技術(shù)的涵蓋。Qt Quick??包含了以下?種技術(shù)：

• QML-使?于?戶界?的標(biāo)識(shí)語(yǔ)?
• JavaScript-動(dòng)態(tài)腳本語(yǔ)?
• Qt C++具有?度可移植性的C++庫(kù).
  
  類(lèi)似HTML語(yǔ)?，QML是?個(gè)標(biāo)識(shí)語(yǔ)?。它由QtQuick封裝在Item {}的元素的
  標(biāo)識(shí)組成。它從頭設(shè)計(jì)了?戶界?的創(chuàng)建，并且可以讓開(kāi)發(fā)?員快速，簡(jiǎn)單
  的理解。?戶界?可以使?JavaScript代碼來(lái)提供和加強(qiáng)更多的功能。Qt
  Quick可以使?你??本地已有的Qt C++輕松快速的擴(kuò)展它的能?。簡(jiǎn)單聲
  明的UI被稱作前端，本地部分被稱作后端。這樣你可以將程序的計(jì)算密集部
  分與來(lái)?應(yīng)?程序?戶界?操作部分分開(kāi)。

demo

import QtQuick 2.9
import QtQuick.Window 2.2Window {visible: truewidth: root.widthheight: root.heightImage {id: rootsource: "images/background.png"Image {id: poleanchors.horizontalCenter: parent.horizontalCenteranchors.bottom: parent.bottom//你需要進(jìn)??些微?的調(diào)整。使?anchors.horizontalCenterOffset或//者anchors.verticalCenterOffset可以幫你實(shí)現(xiàn)這個(gè)功能anchors.bottomMargin: 75source: "images/pole.png"}Image {id: wheelanchors.centerIn: parentz: 1source: "images/pinwheel.png"//當(dāng)?戶點(diǎn)擊覆蓋區(qū)域時(shí)，?標(biāo)區(qū)域會(huì)發(fā)出?個(gè)信號(hào)。你可以重寫(xiě)onClicked函數(shù)來(lái)鏈接這個(gè)信號(hào)。在這個(gè)案例中引?了??的圖像并且讓他旋轉(zhuǎn)增加90
//度MouseArea {anchors.fill: parentonClicked: wheel.rotation += 90}//現(xiàn)在每當(dāng)??旋轉(zhuǎn)?度發(fā)?改變時(shí)都會(huì)使?NumberAnimation來(lái)實(shí)現(xiàn)250毫秒的旋轉(zhuǎn)動(dòng)畫(huà)效果。每?次90度的轉(zhuǎn)變都需要花費(fèi)250ms。Behavior on rotation {NumberAnimation {duration: 250}}}}
}

我們使?了?個(gè)復(fù)雜的屬性，稱之為錨。錨定
允許你指定?何對(duì)象與?對(duì)象或者同級(jí)對(duì)象之間的位置關(guān)系。?如放置我在
另?個(gè)元素中間（anchors.centerIn:parent）.有左邊（left），右邊
（right），頂部（top），底部（bottom），中央（centerIn），填充
（fill），垂直中央（verticalCenter）和?平中央（horizontalCenter）來(lái)表?
元素之間的關(guān)系。

對(duì)于每個(gè)?作的信號(hào)，命名?式都是on + SignalName的標(biāo)題。當(dāng)屬性的值
發(fā)?改變時(shí)也會(huì)發(fā)出?個(gè)信號(hào)。它們的命名?式是：on + PropertyName +
Chagned。 如果?個(gè)寬度（width）屬性改變了，你可以使?
onWidthChanged: print(width)來(lái)得到這個(gè)監(jiān)控這個(gè)新的寬度值。

信號(hào)的命名方式

對(duì)于每個(gè)?作的信號(hào)，命名?式都是on + SignalName的標(biāo)題。當(dāng)屬性的值
發(fā)?改變時(shí)也會(huì)發(fā)出?個(gè)信號(hào)。它們的命名?式是：on + PropertyName +
Chagned。 如果?個(gè)寬度（width）屬性改變了，你可以使?
onWidthChanged: print(width)來(lái)得到這個(gè)監(jiān)控這個(gè)新的寬度值。

qml語(yǔ)言一個(gè)很重要的概念

將?個(gè)圖像作為根矩形元素的?元素放置展?了?種聲明式語(yǔ)?的重要概
念。你描述了?戶界?的層和分組的順序，最頂部的?層（根矩形框）先繪
制，然后?層按照包含它的元素局部坐標(biāo)繪制在包含它的元素上。
根元素先繪制 后面的圖像在它的基礎(chǔ)上繼續(xù)繪制

qt 模塊

Qt5是由?量的模塊組成的。?個(gè)模塊通常情況下是?個(gè)庫(kù)，提供給開(kāi)發(fā)者使
?。?些模塊是強(qiáng)制性?來(lái)?持Qt平臺(tái)的，它們分成?組叫做Qt基礎(chǔ)模塊。
許多模塊是可選的，它們分成?組叫做Qt附加模塊，預(yù)計(jì)?多數(shù)得到開(kāi)發(fā)?
員將不會(huì)使?它們，但是最好知道它們可以對(duì)?些通?的問(wèn)題提供?常有價(jià)
值的解決?案。

Qt基礎(chǔ)模塊是對(duì)Qt?臺(tái)的必要?持。它們使?Qt Quick 2開(kāi)發(fā)Qt 5應(yīng)?程序
的基礎(chǔ)

qt還有其他附加的模塊 可以自行的去了解一下