QML如何與C++交互

大家都知道，QML作為構建界面的語言是非常簡潔的，但是界面的后台有些時候是經常要與C++交互的，那么這個時候，如何與C++進行交互就尤為重要了，在這里就需要用到

template<typename T>
int qmlRegisterType(const char *uri, int versionMajor, int versionMinor, const char *qmlName);這個模板函數，它是在QML系統中注冊名為qmlName的C++類型文件

uri：這個參數類似於C++中的命名空間，如果不知道如何使用，沒關系，下面的實例中會展示如何使用。

versionMajor：主版本號。

versionMinor：次版本號。

qmlName：C++文件在QML中的類名，需要注意的是這個類名首字母必須要大寫，不然會報錯。

接下來就看看如何操作的吧

.h

#ifndef QMLTYPE
#define QMLTYPE

#include <QObject>

class QmlType:public QObject
{
    Q_OBJECT

public:
    QmlType();
    Q_INVOKABLE QString ShowInfo();
};

#endif // QMLTYPE

.cpp

#include "qmltype.h"

QmlType::QmlType()
{

}

QString QmlType::ShowInfo()
{
    return tr("Hello World");
}

需要注意的是如果函數想要在QML中被調用，那么此類必須繼承於QObject，另外需要在函數的開頭添加Q_INVOKABLE關鍵字。

接下來就是如何向QML中注冊C++文件了。

#include <QApplication>
#include <QQmlApplicationEngine>
#include <QtQml>
#include "qmltype.h"

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

    qmlRegisterType<QmlType>("com.type.QmlType", 1, 0, "Type");

    QQmlApplicationEngine engine;
    QmlType qmlType;
    engine.rootContext()->setContextProperty("qmlType", &qmlType);
    engine.load(QUrl(QStringLiteral("qrc:/main.qml")));

    return app.exec();
}

qml文件

import QtQuick 2.3
import QtQuick.Controls 1.2
import com.type.QmlType 1.0

ApplicationWindow {
    visible: true
    width: 640
    height: 480
    title: qsTr("測試")

    Row{
        spacing: 10
        x:200
        y:200
        Button{
            width: 100
            height: 30
            text: qsTr("點擊")
            onClicked: {
                textName.text = qmlType.ShowInfo();
            }
        }

        TextField{
            width: 100
            height: 30
            id:textName
        }

    }
}

在QML中要把注冊的url:com.type.QmlType導入進去，那么接下來接下來就可以正常操作C++文件了。操作演示如下：