QML学习笔记之一

摘自《Qt Quick中文手册》

Qt Quick提供了一套高动态，丰富的QML元素来定制用户界面的说明性框架。

Qt Quick包含了QtDeclarative C++模块、QML，并且它们全被整合到Qt Create IDE中。使用QtDeclarative C++模块可以从你的QT应用程序中载入QML文件并与之互动。

QML是对JavaScript的一种扩展，它提供了一种机制使用QML元素来说明构建一个对象树。

QML对JavaScript与Qt现有的QObject-base类型系统进行整合改善；增加了自动属性绑定的支持并提供在语言级别的网络透明度。

QML元素是一套先进的图形，就像搭积木方式那样构建界面。

Qt Quick是建立在Qt固有优势的基础上。QML可被用于逐步扩展现有的程序或创建全新的应用程序。

QML通过QtDeclarative模块来完全扩展C++功能。

摘自《Qt及Qt Quick开发实战精解》

 1 import QtQuick 1.1

 2 

 3 Rectangle {

 4     width: 300

 5     height: 200

 6     Text {

 7         anchors.centerIn: parent

 8         text: "Hello QML"

 9     }

10     MouseArea {

11         anchors.fill: parent

12         onClicked: {

13             Qt.quit();

14         }

15     }

16 }

 1 import QtQuick 1.1

 2 

 3 Rectangle {

 4     id: myRectangle

 5 

 6     width: 360; height: 360

 7     color: "lightgray"

 8 

 9     Text {

10         text: "<h2>Hello World</h2>"; color: "darkgreen"

11         x: 100; y:100

12     }

13 }

1 import QtQuick 1.0

2 

3 Column {

4     spacing: 10 //Column三个子项之间的距离

5 

6     Rectangle { color: "red"; width: 50; height: 50 }

7     Rectangle { color: "green"; width: 20; height: 50 }

8     Rectangle { color: "blue"; width: 50; height: 20 }

9 }