Qt/QML：将 QImage 从 C++ 发送到 QML 并在 GUI 上显示 QImage

2023-12-26

我创建了一个类Publisher它周期性地发出QImage目的。

然而我很难画出QImage到 QML 元素。看来Image and CanvasQML 组件需要QUrl代替QImage，但我不知道如何转换我的QImage to a QUrl。 Edit4：当我说 QUrl 时，我并不是说我正在尝试将图像转换为 URL。那是无稽之谈。我的意思是我想生成对此图像的引用，该图像不在磁盘上，并且 QML 组件要求的数据类型是 URL。

我做了一些研究发现QQuickImageProvider提供了一个解决方案，但我还没有找到任何文档解释如何转换我的QImage向a发出信号QUrl我可以用它来绘图。任何示例代码或参考文档将不胜感激。

感谢您的帮助！

Edit1:

我在这里看了一下：http://qt-project.org/doc/qt-5.0/qtquick/qquickimageprovider.html http://qt-project.org/doc/qt-5.0/qtquick/qquickimageprovider.html我不明白如何将 QImage 传递给快速图像提供程序并从中创建 QUrl。

编辑2。这是标题。实施应该不重要。

class Publisher
{
    Q_OBJECT

public:
    Publisher(QObject* parent = 0);

    virtual ~Publisher(void);

Q_SIGNALS:

    void newImage(const QImage& newImage);
};

编辑3。这是我的QML代码，但我不知道如何绘制我的QImage，所以这段代码毫无意义。

我的 main.cpp 文件:

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

    qmlRegisterType<Publisher>("Components", 1, 0, "Publisher");

    QtQuick2ApplicationViewer viewer;
    viewer.setMainQmlFile(QStringLiteral("qml/QQuickViewExample/main.qml"));
    viewer.showExpanded();

    return app.exec();
}

我的 main.qml 文件:

import QtQuick 2.0
import Components 1.0

Rectangle {
    id : testRect
    width: 360
    height: 360

    Image{
        anchors.fill: parent
        id: myImage

        Publisher {
            id: myPub

            onNewImage: {
                myImage.source = newImage;  #I know this doesnt work, it needs a QUrl and not a QImage
            }
        }
    }
}

换句话说，您有一个类发出携带 QImage 的信号，并且想要使用该图像更新 QML 中的项目？有多种解决方案，其中没有一个涉及“将 QImage 转换为 QUrl”（无论这意味着什么，当然您不需要获得data携带图像数据的 URL...）

使用图像提供商

这意味着您可以使用普通的ImageQML 文件中的项目。

创建一个QQuickImageProvider子类；给它一个QImage成员（提供者的图像），覆盖requestImage提供该图像（实际的id请求并不重要，见下文），并且接收一个插槽QImage并更新会员。
连接您的Publisher向您的提供商的插槽发出信号
通过以下方式将提供程序安装到 QML 引擎中QQmlEngine::addImageProvider (see QQuickView::engine）；再次id其实并不重要，只要使用一个合理的
在 QML 中，只需使用简单的Image具有这样的来源的元素
```
Image {
    id: myImage
    source: "image://providerIdPassedToAddImageProvider/foobar"
}
```
foobar将被传递给您的提供商，但同样，这并不重要。
我们已经快到了，我们现在只需要一种方法push图像更新到 QML 世界（否则图像将永远不知道何时更新自身）。看我的回答在这里 https://stackoverflow.com/questions/17728337/qimage-into-qml/17734973#17734973了解如何使用Connectionselement和一点JS。

请注意，一般情况下您不需要Publisher一个 QML 类型，你只需要创建oneC++ 中的实例并将其暴露给 QML 世界QQmlContext::setContextProperty.

使用自定义 Qt Quick 2 项目

QQuickPaintedItem可能是最方便的工作，因为它提供了paint方法采用QPainter。因此，大计划是

子类QQuickPaintedItem：子类存储QImage被绘制并有一个设置新 QImage 的槽。还有它的paint实现简单地使用绘制图像QPainter::drawImage.
通过以下方式将子类公开到 QML 世界qmlRegisterType（以便您可以在 QML 中使用它）
找出一种方法将携带新图像的信号连接到物品的插槽。

这可能是棘手的部分。

要在 C++ 中执行连接，您需要一种方法来确定该项目已创建（并获取指向它的指针）；通常人们通过分配objectName属性为某个值，然后使用findChild在根对象上（由QQuickView::rootObject()) 获取指向项目本身的指针。然后你可以使用connect照常。

Or，可以改为在 QML 中执行连接，就像上面一样，通过Connections暴露于 QML 世界的发布者 C++ 对象上的元素：
```
MyItem {
    id: myItem
}        

Connections {
    target: thePublisherObjectExposedFromC++
    onNewImage: myItem.setImage(image)
}
```
这样做的优点是无论您何时创建 MyItem 实例都可以工作；但我不是 100% 确定它会起作用，因为我不确定你能处理QImage输入 QML。

本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)