QML---》初写qml代码

1、初识QML

QML是与HTML类似的一种标记语言。在QtQuick中将由标签组成的元素封装在大括号中 Item{} 。这样的设计重新定义了界面的创建方式，对于开发者而言更加简单易读。可以使用JavaScript开发界面功能，也可以使用本地Qt C++函数接口扩展界面功能。简单来说，声明式的UI被称作前端，本地C++部分称作后端，将复杂的计算过程与本地设备操作从界面开发中分离。在一个典型的Qt5项目中，前端采用QML/JaveScript开发界面，后端采用Qt C++与系统交互并完成复杂的运算逻辑，将侧重设计的界面开发与功能开发的工作内容分离。通常后端开发者可以使用Qt的单元测试框架完成单元测试后将函数接口提供给前端开发者使用。

2、qml的简单代码，写hello world

import QtQuick 2.0

Rectangle{
    id: root
    width: 400　　// 宽
    height: 300　　// 高
    Text {　　　　// 文本
        id: text　　
        anchors.centerIn: parent　　// 内容父窗口中央
        color: "red"　　　　// 颜色
        font{pixelSize: 30}　　// 字体大小
        text: qsTr("Hello World")　　// 内容
    }
    MouseArea{　　// 鼠标区域元素
        anchors.fill: parent　　// 整个父窗口　　
        onClicked: {　　　　// 点击
            Qt.quit();　　　　// 退出QT程序
        }
    }
}

效果查看方式

工具--》外部--》Qt Quick--》Qt Quick 2 PreView