QML与C++之间的函数回调

之前参照Qt文档，写了一篇QML与C++之间交互的博客：

QML与C++交互_龚建波的博客-CSDN博客_qml与c++交互

C++可以通过QMetaObject::invokeMethod或者信号槽调用QML中定义的函数，需要先通过engine查找到这个QML对象，或者传递QML对象给C++。QML可以调用C++对象的信号槽或者Q_INVOKABLE注册过的函数。

这里补充一下QML与C++之间传递回调函数的方式，C++使用QJSValue类型接收QML中的函数参数，再调用QJSValue::call执行这个JS函数。

Button {
    text: "cpp callback"
    onClicked: {
        //传递js函数作为回调函数
        cpp_obj.doSomething(1992, function(val, flag){
            console.log("qml function run", val, flag);
            return "qml return value";
        })
    }
}

#pragma once
#include <QObject>
#include <QJSValue>
#include <QJSEngine>
#include <QDebug>

class CppObject : public QObject
{
    Q_OBJECT
public:
    explicit CppObject(QObject *parent = nullptr);

    //通过QJSValue::call调用js函数参数
    //Qt5 QJSValue的call接口不是const，不能传const引用
    Q_INVOKABLE void doSomething(int i, QJSValue callback){
        qDebug()<<"cpp doSomething"<<i;
        QJSValueList arglist;
        arglist.append(callback.engine()->toScriptValue(i));
        arglist.push_back(QJSValue(true));
        if(callback.isCallable()){
            //回调qml中的函数
            auto ret = callback.call(arglist);
            qDebug()<<"cpp callback ret:"<<ret.toString();
        }
    }
};

如果是C++函数作为QML的回调函数就比较简单了，Q_INVOKABLE宏注册过的函数可以在QML中直接调用，和QML中定义的JS函数使用方式一致。

    //加上Q_INVOKABLE或者声明为槽函数，就能在qml中调用这个cpp对象的函数
    Q_INVOKABLE QString cppFunc(int i);

Button {
    text: "qml callback"
    onClicked: {
        doSomething(1992, cpp_obj.cppFunc)
    }
}
function doSomething(val, func)
{
    console.log("qml doSomething", val);
    var ret = func(val);
    console.log("qml callback ret:", ret);
}

本文完整代码链接：https://github.com/gongjianbo/MyTestCode/tree/master/Qml/TestQml_20220908_Callback