之前参照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