1. 程式人生 > >QT之Qt Quick學習筆記

QT之Qt Quick學習筆記

       Qt4的設計用於滿足開發者在主流桌面作業系統上有一套表現一致的視窗元件可以使用。如今Qt的使用者面臨了新的問題,他們需要提供可觸碰互動的使用者介面以滿足軟體介面需求,並在主流桌面作業系統和移動作業系統上實現這些介面。從Qt4.7版本開始引進了Qt Quick,它讓Qt的使用者可以用簡單的元素物件建立一套介面元件,並通過組合介面元件的方式來完成軟體介面需求。

Qt Quick是Qt5中使用者介面技術的涵蓋。Qt Quick自身包含了以下幾種技術:

QML-使用於使用者介面的標識語言

JavaScript-動態指令碼語言

Qt C++-具有高度可移植性的C++庫

       在典型的Qt5專案中,前端採用QML/JavaScript開發介面,後端採用Qt C++與系統互動並完成複雜的運算邏輯,將側重設計的介面開發與功能開發的工作內容分離。通常後端開發者可以使用Qt的單元測試框架完成單元測試後將函式介面提供給前端開發者使用。

import QtQuick 2.0

Image {
	id: root
	source: "images/background.png"

	Image {
		id: wheel
		anchors.centerIn: parent
		source: "images/pinwheel.png"

		Behavior on rotation {
			NumberAnimation {
				duration: 250
			}
		}
	}

	MouseArea {
		anchors.fill: parent
		onClicked: wheel.rotation += 90
	}
}