QML学习笔记1：QML基础语法

---

1、加载QML文件

下面是一个加载QML文件的基本例子如下：

#include <QGuiApplication>
#include <QQuickView>

int main(int argc, char *argv[])
{
    QGuiApplication app(argc, argv);

    QQuickView view;
    view.setSource(QUrl(QStringLiteral("qrc:/main.qml")));
    view.show();

    return app.exec();
}

2、QML文件

import QtQuick 2.3
import QtQuick.Controls 1.4

Rectangle {
    id: rootRect
    width: 800
    height: 600
    color: '#808080'

    MouseArea {
        anchors.fill: parent
        onClicked: {
            testText.color = 'red'
        }
    }

    Text {
        id: testText
        anchors.centerIn: parent

        text: qsTr("Helle QML!")
        color: 'white'
    }
}

• 表示一个QML对象
• 在QML中可以嵌入JS的表达式
• QML 文件中使用//或/**/表示注释
• 小写字母+: 表示属性
• 一个对象的id属性是唯一的，在同一个QML文件中的id属性的值不能重复。当给一个对象指定id后，就可以在其他对象和脚本中使用id引用这个对象。