初始QML

目录

 

一、QML简介

二、QML基础语法

三、第一个QML程序

输出

---

一、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++进行交互。