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开发实战精解》

 import QtQuick 1.1

 Rectangle {
     width: 300
     height: 200
     Text {
         anchors.centerIn: parent
         text: "Hello QML"
     }
     MouseArea {
         anchors.fill: parent
         onClicked: {
             Qt.quit();
         }
     }
 }

 import QtQuick 1.1

 Rectangle {
     id: myRectangle

     width: 360; height: 360
     color: "lightgray"

     Text {
         text: "<h2>Hello World</h2>"; color: "darkgreen"
         x: 100; y:100
     }
 }

 import QtQuick 1.0

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

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