C++信号到 Qt 中的 QML 槽

Question

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

我在 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

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

1. 通过setContextProperty将对象myObj放入QML文件

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

2. 您的信号是

   finishedGatheringDataForItem(QString signalString)
   

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

   连接 {
       目标：你的对象 
       onFinishedGatheringDataForItem: {
           qmlString = 信号字符串
       }
   }
   

Answer 2

我认为最好检查本教程：

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++ 之间交换数据的更方便的方法，并且首先不需要信号或槽，因为 QStandardItemModel 会自动更新 GUI。要使用 QStandardItemModel，您需要使用 qmlRegisterType.. 注册类型。然后，该模型可以在基于模型的视图（例如 ListView 等）中使用。

我附加了该主题的教程，它描述了如何使用 QListModel。

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

Answer 3

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

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

我尝试了很多解决方案来成功地从 C++ 信号更新 QML，但很多都不起作用。
该解决方案有效并且已经过测试，它基于以下答案：https://stackoverflow.com/a/59502860/2486332 (by @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

Answer 5

对于那些也偶然发现这个问题的人，我想说一切都简单得多。您只需要来自 C++ 的信号即可拥有 QVariant 参数。例如：

QObject::connect(&recipient, SIGNAL(resTalk(QVariant)), engine.rootObjects().at(0)->findChild<QObject*>("winSettings"),
                     SLOT(showWithErrorNetwork(QVariant)));

我的信号声明如下：

signals:
    void resTalk(QVariant res);

所以我调用信号：

emit resTalk(true); //For more complex types, use  'emit yourSignal(QVariant(yourArg))'

这是我在 QML 中的插槽：

    function showWithErrorNetwork(isNoError=false) {
        if(!isNoError) {
            visible = true
            warningText.text = "Network error. Check the data."
            warningText.visible = true
        }
    }

Answer 6

为什么不使用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")
    }
    //--------------------------------------------------------
}