目录
一、QML简介
QML英文名Qt Meta-Object Language,中文名为Qt元对象语言。作为Qt Quick技术的一部分,QML语言可以用来描述Qt Quick的用户界面和行为,QML简单易学,当然如果有javascript语言的基础,学习起来将会更加快速。
二、QML基础语法
import QtQuick 2.12
Rectangle {
width: 300
height: 300
color: "yellow"
Text {
id: text
color:"red"
anchors.centerIn: parent
text: qsTr("hello world")
}
}
上面的代码有两个对象,一个是Rectangle对象,和它的Text子对象。在QML中,对象以大写字母开头(但QML中定义的变量名,是不能以大写字母开头的),对象后面跟一对大括号,表示其作用域。我们可以在大括号中添加一些基本的属性,比如上面的长度width、高height、颜色color等。或者添加一些子对象,比如上面的Text(文本)。
anchors.centerIn: parent表示将text置于父对象的中间。
三、第一个QML程序
在QML中,一个用户界面被指定为拥有属性的对象树,这些对象在一起可以组成各种各样的组件,组件单独或者再组合成用户界面,所以写QML语言的思想核心可以说是组合。下面来运行第一个QML程序。
运行前先确保已经安装好QtCreator。先说不创建工程的运行方法,打开Qt的安装位置,找到bin目录下的qmlscene.exe,如我的路径为D:\tools\Qt\5.14.0\mingw73_32\bin。然后在某个目录下创建一个hello_qml.qml文本,输入上面的代码。运行cmd,来到hello_qml.qml所在目录。如下操作。
输出
至此,第一个QML程序实现完毕,是不是很简单。
接下来,将介绍如何在QtCreator中创建QML工程,并与C++进行交互。