快捷導(dǎo)航

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

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

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

先說明一下測試環(huán)境

編譯器：vs2017x64

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

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

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

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

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

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

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

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

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

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

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

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

首先，定義一個 QObject 的派生類 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 用于聲明此方法可被元對象系統(tǒng)調(diào)用。這個類實現(xiàn)每 1000 ms 刷新內(nèi)部日期時間屬性，并且發(fā)射信號 sig_dataTimeUpdated，此屬性值可以通過調(diào)用定義的公共方法 getCurrentDateTime() 得到。

下面再來定義程序入口文件：

// 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 文件前，先將類 ApplicationData 的對象指針設(shè)置到上下文中。

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

// 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ù)對象 currentDateTime 的信號，當指針對象的信號 sig_dataTimeUpdated 發(fā)射出來時，調(diào)用方法 getCurrentDateTime() 并用結(jié)果設(shè)置組件 Text 的屬性 text。
顯示的效果是動態(tài)刷新時間日期數(shù)據(jù)的，這和在上下文中設(shè)置類型數(shù)據(jù)不同（不會刷新），如下圖：