1.QML基础语法

原创
2022-12-01
4744
1

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引用这个对象。
不会飞的纸飞机
扫一扫二维码,了解我的更多动态。

下一篇文章:2.QML的基本用法