c++ - Qt/QML : Send QImage From C++ to QML and Display The QImage On GUI

Question

我创建了一个 Publisher 类，它定期发出 QImage 对象。

但是，我很难将 QImage 绘制到 QML 元素。 Image 和 Canvas QML 组件似乎需要 QUrl 而不是 QImage，但我不需要确定如何将我的 QImage 转换为 QUrl。 Edit4:当我说 QUrl 时，我并不是说我正在尝试将图像转换为 URL。那是胡说八道。我的意思是我想生成一个对该图像的引用，它不在磁盘上，并且 QML 组件要求的数据类型是 URL。

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

感谢您的帮助!

编辑1:

我看过这里: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
            }
        }
    }
}

Answer 1

换句话说，您有一个类发出带有 QImage 的信号，并且想用该图像更新 QML 中的项目？有多种解决方案，其中没有一个涉及“将 QImage 转换为 QUrl”(无论如何，您肯定不需要获取携带图像数据的 data URL...)

使用图片提供者

这意味着您可以在 QML 文件中使用纯 Image 项。

1. 创建一个QQuickImageProvider子类；给它一个 QImage 成员(提供者的图像)，覆盖 requestImage 以提供该图像(实际请求的 id 并不重要，请参阅下面)，以及一个接收 QImage 并更新成员的插槽。
2. 将您的 Publisher 信号连接到您的提供商的插槽
3. 通过QQmlEngine::addImageProvider将提供程序安装到QML引擎中(参见QQuickView::engine)； id 再次无关紧要，只需使用一个合理的

4. 在 QML 中，只需使用带有类似源的普通 Image 元素

   Image {
       id: myImage
       source: "image://providerIdPassedToAddImageProvider/foobar"
   }
   

   foobar 将被传递给您的提供者，但同样，这并不重要。

5. 我们快到了，我们现在只需要一种方法将图像更新推送到 QML 世界(否则 Image 将永远不知道何时更新自身)。见 my answer here了解如何使用 Connections 元素和一些 JS 来做到这一点。

   请注意，通常您不需要将 Publisher 设为 QML 类型，您只需在 C++ 中创建 one 实例并将其通过QQmlContext::setContextProperty.

使用自定义 Qt Quick 2 项目

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

1. 子类QQuickPaintedItem:子类存储要绘制的QImage，并有一个设置新QImage的槽。此外，它的 paint 实现只是使用 QPainter::drawImage 来绘制图像。
2. 通过 qmlRegisterType 将子类暴露给 QML 世界(以便您可以在 QML 中使用它)

3. 想办法将携带新图像的信号连接到元素的插槽。

   这可能是棘手的部分。

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

   或者，可以改为在 QML 中执行连接，就像上面一样，通过暴露给 QML 世界的发布者 C++ 对象上的 Connections 元素:

   MyItem {
       id: myItem
   }        
   
   Connections {
       target: thePublisherObjectExposedFromC++
       onNewImage: myItem.setImage(image)
   }
   

   这具有无论何时创建 MyItem 实例都可以工作的优点；但我不能 100% 确定它会起作用，因为我不确定你是否可以处理 QML 中的 QImage 类型。