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