快捷導(dǎo)航

詳解QML?調(diào)用?C++?中的內(nèi)容

更新時(shí)間：2022年10月31日 08:33:39 作者：englyf八戒

這篇文章主要介紹了QML?怎么調(diào)用?C++?中的內(nèi)容,這里主要是總結(jié)一下，怎么在 QML 文件中引用 C ++ 文件里定義的內(nèi)容，本文通過(guò)實(shí)例代碼給大家介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下

先說(shuō)明一下測(cè)試環(huán)境

編譯器：vs2017x64

開(kāi)發(fā)環(huán)境：Qt5.12

這里主要是總結(jié)一下，怎么在 QML 文件中引用 C ++ 文件里定義的內(nèi)容？

很簡(jiǎn)單，我們可以在 C ++ 文件中通過(guò) QML 引擎（QQmlEngine class）的上下文對(duì)象（QQmlContext）調(diào)用方法 setContextProperty 設(shè)置對(duì)應(yīng)的引用即可。詳情看看下面的方法聲明：

void?QQmlContext::setContextProperty(const?QString?&name,?QObject?*value);
void?QQmlContext::setContextProperty(const?QString?&name, const?QVariant?&value);

可以看到，既可以設(shè)置 QObject 類(lèi)型的對(duì)象（指針），也可以設(shè)置 QVariant 兼容的類(lèi)型數(shù)據(jù)（包括基本類(lèi)型數(shù)據(jù)等）到 QML 引擎的上下文中。然后在 QML 中就可以通過(guò)引用名 name 直接調(diào)用即可。

1. 設(shè)置類(lèi)型數(shù)據(jù)

// main.cpp
#include <QDateTime>
void main() {
    //...
    QQmlEngine engine;
    QDateTime dateTime = QDateTime::currentDateTime();
    engine.rootContext()->setContextProperty("dateTime", &dateTime);
    //...
}

以上代碼中直接將 QDateTime 類(lèi)型的數(shù)據(jù)設(shè)置到引擎上下文中。

Rectangle {
    id: window
    //...
    Text {
      text: dateTime
    }
}

通過(guò)引用名 dateTime 將 C ++ 文件中的數(shù)據(jù)綁定到組件 Text 的 text 屬性上，進(jìn)而顯示出來(lái)。

2. 設(shè)置對(duì)象指針

上面是設(shè)置數(shù)據(jù)，這里設(shè)置的是 QObject 類(lèi)型的指針，所以在 QML 里還可以調(diào)用 C ++ 文件中定義的對(duì)象，包括屬性和方法等。

首先，定義一個(gè) QObject 的派生類(lèi) ApplicationData，從 QObject 派生是必須的。

// applicationdata.h
#include <QObject>
#include <QDateTime>
#include <QTimer>

class ApplicationData : public QObject
{
    Q_OBJECT

public:
    ApplicationData(){
        QTimer *timer = new QTimer(this);
        connect(timer, &QTimer::timeout, this, &ApplicationData::slt_timeout);
        timer->start(1000);
    }

    Q_INVOKABLE QDateTime getCurrentDateTime() const {
        return m_currentDateTime;
    }

signals:
    void sig_dataTimeUpdated();

private slots:
    void slt_timeout() {
        m_currentDateTime = QDateTime::currentDateTime();
        emit sig_dataTimeUpdated();
    }

private:
    QDateTime m_currentDateTime;
};

其中 Q_INVOKABLE 用于聲明此方法可被元對(duì)象系統(tǒng)調(diào)用。這個(gè)類(lèi)實(shí)現(xiàn)每 1000 ms 刷新內(nèi)部日期時(shí)間屬性，并且發(fā)射信號(hào) sig_dataTimeUpdated，此屬性值可以通過(guò)調(diào)用定義的公共方法 getCurrentDateTime() 得到。

下面再來(lái)定義程序入口文件：

// main.cpp
#include <QGuiApplication>
#include <QQmlApplicationEngine>
#include <QQmlContext>
#include "applicationdata.h"

int main(int argc, char *argv[])
{
    qputenv("QT_IM_MODULE", QByteArray("qtvirtualkeyboard"));

    QCoreApplication::setAttribute(Qt::AA_EnableHighDpiScaling);

    QGuiApplication app(argc, argv);

    QQmlApplicationEngine engine;
    ApplicationData data;
    engine.rootContext()->setContextProperty("currentDateTime", &data);
    engine.load(QUrl(QStringLiteral("qrc:/main.qml")));
    if (engine.rootObjects().isEmpty())
        return -1;

    return app.exec();
}

在 QML 引擎裝載 QML 文件前，先將類(lèi) ApplicationData 的對(duì)象指針設(shè)置到上下文中。

下面再看看怎么調(diào)用指針對(duì)應(yīng)的類(lèi)對(duì)象。

// main.qml
import QtQuick 2.12
import QtQuick.Window 2.12
import QtQuick.VirtualKeyboard 2.4

Window {
    id: window
    visible: true
    title: qsTr("Hello World")

    Text {
        id: name_id
        anchors.centerIn: parent
    }

    Connections {
        target: currentDateTime
        onSig_dataTimeUpdated: {
            name_id.text = currentDateTime.getCurrentDateTime();
        }
    }
}

使用 Connections 連接數(shù)據(jù)對(duì)象 currentDateTime 的信號(hào)，當(dāng)指針對(duì)象的信號(hào) sig_dataTimeUpdated 發(fā)射出來(lái)時(shí)，調(diào)用方法 getCurrentDateTime() 并用結(jié)果設(shè)置組件 Text 的屬性 text。
顯示的效果是動(dòng)態(tài)刷新時(shí)間日期數(shù)據(jù)的，這和在上下文中設(shè)置類(lèi)型數(shù)據(jù)不同（不會(huì)刷新），如下圖：