我创建了一个 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
}
}
}
}
最佳答案
换句话说,您有一个类发出带有 QImage 的信号,并且想用该图像更新 QML 中的项目?有多种解决方案,其中没有一个涉及“将 QImage 转换为 QUrl”(无论如何,您肯定不需要获取携带图像数据的 data
URL...)
使用图片提供者
这意味着您可以在 QML 文件中使用纯 Image
项。
- 创建一个
QQuickImageProvider
子类;给它一个QImage
成员(提供者的图像),覆盖requestImage
以提供该图像(实际请求的id
并不重要,请参阅下面),以及一个接收QImage
并更新成员的插槽。 - 将您的
Publisher
信号连接到您的提供商的插槽 - 通过
QQmlEngine::addImageProvider
将提供程序安装到QML引擎中(参见QQuickView::engine
);id
再次无关紧要,只需使用一个合理的 在 QML 中,只需使用带有类似源的普通
Image
元素Image { id: myImage source: "image://providerIdPassedToAddImageProvider/foobar" }
foobar
将被传递给您的提供者,但同样,这并不重要。我们快到了,我们现在只需要一种方法将图像更新推送到 QML 世界(否则 Image 将永远不知道何时更新自身)。见 my answer here了解如何使用
Connections
元素和一些 JS 来做到这一点。请注意,通常您不需要将
Publisher
设为 QML 类型,您只需在 C++ 中创建 one 实例并将其通过QQmlContext::setContextProperty
.
使用自定义 Qt Quick 2 项目
QQuickPaintedItem
可能是最方便的工作,因为它提供了一个采用 QPainter
的 paint
方法。因此,大计划是
- 子类
QQuickPaintedItem
:子类存储要绘制的QImage
,并有一个设置新QImage的槽。此外,它的paint
实现只是使用QPainter::drawImage
来绘制图像。 - 通过
qmlRegisterType
将子类暴露给 QML 世界(以便您可以在 QML 中使用它) 想办法将携带新图像的信号连接到元素的插槽。
这可能是棘手的部分。
要在 C++ 中执行连接,您需要一种方法来确定项目已创建(并获取指向它的指针);通常通过将
objectName
属性分配给某个值,然后在根对象上使用findChild
(由QQuickView::rootObject()
) 以获取指向项目本身的指针。然后你就可以像往常一样使用connect
了。或者,可以改为在 QML 中执行连接,就像上面一样,通过暴露给 QML 世界的发布者 C++ 对象上的
Connections
元素:MyItem { id: myItem } Connections { target: thePublisherObjectExposedFromC++ onNewImage: myItem.setImage(image) }
这具有无论何时创建 MyItem 实例都可以工作的优点;但我不能 100% 确定它会起作用,因为我不确定你是否可以处理 QML 中的
QImage
类型。
关于c++ - Qt/QML : Send QImage From C++ to QML and Display The QImage On GUI,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20691414/