C++ 信号到 Qt 中的 QML 插槽

Question

我想从 C++ 向我的 QML 文件中的插槽发送信号。 我已经让它在没有原始类型参数的情况下工作，但如果我想向我的 QML Slot 发送QString，我在连接时会出错。

我在 main.cpp 中连接

QObject *contentView = rootObject->findChild<QObject*>(QString("contentView"));
QObject::connect(&myObj,      SIGNAL(finishedGatheringDataForItem(QString)), 
                 contentView, SLOT(updateViewWithItem(QString)));

我的 qml 文件的相关部分

Rectangle {
        objectName: "contentView"
        function updateViewWithItem(string) { console.log('got some Items'); }  // slot
}

错误：

Object::connect: No such slot QDeclarativeRectangle_QML_2::updateViewWithItem(QString)

Answer 1

我认为最好查看本教程：

http://doc.qt.io/qt-4.8/qtbinding.html

尤其是这个部分：

http://doc.qt.io/qt-4.8/qtbinding.html#receiving-signals

我认为您在这种情况下的错误可能是您没有将其声明为插槽，或者您没有使其可调用。 Qt 教程中解释了这两个选项。

此外，您需要使用 QVariant 在 C++ 和 QML 之间交换数据。 您还可以注册类型，例如小部件和东西，以便您可以在 QML 中将它们用作“原生”类型，如矩形。在大多数情况下，不建议这样做，除非您需要某些特定的外部类或某些无法在 QML 界面中显示的数据。

QVariant 的原因是 QML 的基于脚本的方法。 QVariant 基本上包含您的数据和数据类型的描述，以便 QML 知道如何正确处理它。这就是为什么您必须在 QML 中使用 String、int 等指定参数的原因。但是与 C++ 的原始数据交换仍然是 QVariant

我之前用过qmlRegisterType，但是对于简单的数据类型，它是一个非常不方便的解决方案。它更适合用于更复杂的数据，例如 QML 本身不支持或扩展 QStandardItemModels 的自定义小部件、画布或视频元素。这是在 QML 和 C++ 之间交换数据的一种更方便的方式，并且在第一个实例中不需要 Signals 或 Slots，因为 QStandardItemModel 会自动更新 GUI。要使用 QStandardItemModel，您需要使用 qmlRegisterType.. 注册类型。然后可以在基于模型的视图中使用模型，例如 ListView 等。

我附上了这个主题的教程，它描述了如何使用 QListModel。

http://doc.qt.io/qt-4.8/qdeclarativemodels.html

Answer 2

在这种情况下，您应该使用Connections（也许这是唯一的连接方式）。

1. 通过setContextProperty将你的对象myObj放到QML文件中

   qmlVectorForm->rootContext()->setContextProperty("YourObject", myOb);
   

2. 你的信号是

   finishedGatheringDataForItem(QString signalString)
   

3. 在 QML 文件中，添加如下 Connectios：

   Connections {
       target: YourObject 
       onFinishedGatheringDataForItem: {
           qmlString = signalString
       }
   }
   

Answer 3

没有Connections 和任何上下文的解决方案不是连接信号槽，而是连接信号信号。找到here。 示例代码如下。

qml:

Window{
    signal qmlSend(string textOut)
    signal qmlReceive(string textIn)
    onQmlReceive:{
      console.log(textIn)
    }
}

Background类的头文件包含

public signals:
    void cppSend(QString textOut);
public slots:
    void cppReceive(QString textIn);

而main.cpp就是这样连接它们的：

1.从qml到cpp：

QObject::connect(qmlRootObject, SIGNAL(qmlSend(QString)),
                backgroundObject, SLOT(cppReceive(QString)));

2.从cpp到qml：

QObject::connect(backgroundObject, SIGNAL(cppSend(QString)),
                 qmlRootObject, SIGNAL(qmlReceive(QString)));

Answer 4

为什么不使用 rootContext？

在 c++ 方面你有：

#include <QGuiApplication>
#include <QQmlApplicationEngine>
#include <QQmlContext>

//--------------------------------------------------------
#include <myClass.h>
//--------------------------------------------------------

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

    QGuiApplication app(argc, argv);
    QQmlApplicationEngine engine;

    //--------------------------------------------------------
    myClass * myobj = new myClass(&app);
    //--------------------------------------------------------

    //--------------------------------------------------------
    engine.rootContext()->setContextProperty("myobj",myobj);
    //--------------------------------------------------------

    const QUrl url(QStringLiteral("qrc:/main.qml"));
    QObject::connect(&engine, &QQmlApplicationEngine::objectCreated,
                     &app, [url](QObject *obj, const QUrl &objUrl) {
        if (!obj && url == objUrl)
            QCoreApplication::exit(-1);
    }, Qt::QueuedConnection);
    engine.load(url);
    return app.exec();
}

在 qml 方面你有：

import QtQuick 2.9
import QtQuick.Window 2.2

Window {
    id: window
    visible: true
    width: 640
    height: 480
    title: qsTr("Hello World")

    //--------------------------------------------------------
    Component.onCompleted: {
       myobj.onSomeSignal.connect(signalHandling) 
    }
    //--------------------------------------------------------

    //--------------------------------------------------------
    function signalHandling(){
       console.log("Signal emitted from c++ side")
    }
    //--------------------------------------------------------
}

Answer 5

我已经尝试了很多解决方案来成功地从 C++ 信号更新 QML，但很多都不起作用。 此解决方案有效并经过测试，它基于以下答案：https://stackoverflow.com/a/59502860/2486332（@Adriano Campos）

您可以使用信号将数据从 C++ 发送到 qml，如下所示：

main.cpp:

#include <QQmlContext>

int main(int argc, char *argv[])
{
    QGuiApplication app(argc, argv);
    QQmlApplicationEngine engine;
    engine.load(QUrl(QStringLiteral("qrc:/main.qml")));

    // Class init
    YourClass yourObject;

    // Embedding C++ Objects into QML with Context Properties
    QQmlContext* ctx = engine.rootContext();
    ctx->setContextProperty("yourObject", &yourObject);

    return app.exec();
}

main.qml:

import QtQuick 2.6

Window {
    id: mainWindow

    Connections {
        target: yourObject
        onSignalData: {
            console.log("Data: " + signal_param)
            textToChange.text = "Changed to: " + signal_param
        }
    }

    Text {
        id: textToChange
        text: "beforeChange"
    }
}

yourClass.h：

class YourClass : public QObject
{
Q_OBJECT
signals:
    // Signal from YourClass
    void signalData(QString signal_param);
}

yourClass.cpp：

emit signalData("Hello QML"); // Signal from yourClass

有关“如何将带有信号和插槽的 Qt C++ 类暴露给 QML”的完整教程可在此页面上找到：https://felgo.com/cross-platform-development/how-to-expose-a-qt-cpp-class-with-signals-and-slots-to-qml