C++与QML之间的通信

Question

这个页面展示了如何从QML内部调用C++函数。

我想要做的是通过一个C++函数改变按钮上的图片（触发状态更改或以其他方式实现）。

我该如何实现？

更新

我尝试了Radon的方法，但是当我插入了这行代码时立即出现问题：

    QObject *test = dynamic_cast<QObject *>(viewer.rootObject());

编译器会报出这样的错误：

    error: cannot dynamic_cast '((QMLCppBinder*)this)->QMLCppBinder::viewer.QDeclarativeView::rootObject()' (of type 'struct QGraphicsObject*') to type 'class QObject*' (source is a pointer to incomplete type)

如果相关的话，QMLCppBinder是一个我试图构建的类，用于封装从多个QML页面到C++代码的连接。这似乎比人们预期的要棘手。

这里有一个框架类，以提供一些上下文：

    class QMLCppBinder : public QObject
    {
        Q_OBJECT
    public:
        QDeclarativeView viewer;

        QMLCppBinder() {
            viewer.setSource(QUrl("qml/Connect/main.qml"));
            viewer.showFullScreen();
            // ERROR
            QObject *test = dynamic_cast<QObject *>(viewer.rootObject());
        }
    }

- Hedge

---

如果有人遇到“error: cannot dynamic_cast”错误，很可能是由于缺少头文件包含“#include <QGraphicsObject>”引起的。 - Andrew

Answer 1

如果为图像设置了一个objectName，则可以轻松地从C++中访问它:

main.qml

import QtQuick 1.0

Rectangle {
    height: 100; width: 100

    Image {
        objectName: "theImage"
    }
}

在 C++ 中：

// [...]

QDeclarativeView view(QUrl("main.qml"));
view.show();

// get root object
QObject *rootObject = dynamic_cast<QObject *>(view.rootObject());

// find element by name
QObject *image = rootObject->findChild<QObject *>(QString("theImage"));

if (image) { // element found
    image->setProperty("source", QString("path/to/image"));
} else {
    qDebug() << "'theImage' not found";
}

// [...]

→ QObject.findChild()，QObject.setProperty()

- hiddenbit

Answer 2

因此，您可以在C++中将C++对象设置为QDeclarativeView的上下文属性，如下所示：

QDeclarativeView canvas;
ImageChanger i; // this is the class containing the function which should change the image
canvas.rootContext()->setContextProperty("imgChanger", &i);

在你的ImageChanger类中，声明一个信号，如下所示： void updateImage(QVariant imgSrc); 当你想要更改图像时，调用emit updateImage(imgSrc);。

现在，在你的QML中，按照以下方式监听此信号：

Image {
    id: imgToUpdate;
}

Connections {
    target: imgChanger;
    onUpdateImage: {
        imgToUpdate.source = imgSrc;
    }
}

希望这能帮到您。

- funkybro