初始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++進行交互。