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: 50; height: 50 }
    Rectangle { color: "green"; width: 20; height: 50 }
    Rectangle { color: "blue"; width: 50; height: 20 }
}