Question

我正在尝试使用qml显示网络图像，然后使用c ++代码

保存此图像

这是qml代码，

import QtQuick 2.3
import QtQuick.Window 2.2
import com.login 1.0
Window {
    visible: true
    width : 500
    height: 500

     Login{id: login}

    MouseArea {
        anchors.fill: parent
        onClicked: {
          //  Qt.quit();
            login.save(image);
        }
    }



    Image {
        id: image
        source: "http://www.test.com/webp/gallery/4.jpg"
    }


}

在我的登录类中保存图片，如

void Login::save( QQuickItem *item)
{
    qDebug()<<"width: "<<item->width();
    qDebug()<<"height: "<<item->height();

    QQuickWindow *window = item->window();
    QImage image = window->grabWindow();

    QPixmap pix = QPixmap::fromImage(image);
    pix.save("C:/Users/haris/Desktop/output.png");
}

我在c ++类中获得了正确的图像宽度和高度，但问题是我找不到从QQuickItem保存图像项的方法。

现在我通过抓取窗口来保存图像，这实际上没有在输出文件上给出实际图像大小，而是给出具有当前qml窗口大小的输出文件。

基本上我在这里遵循代码saving QML image，但在Qt5中似乎已弃用QDeclarativeItem，因此我选择QQuickItem，因为QQuickItem中没有绘制选项。

Answer 1

幸运的是QQuickItem有一个方便的grabToImage功能，可以做到这一点。

void Login::save( QQuickItem *item)
{
    auto grabResult = item->grabToImage();

    connect(grabResult.data(), &QQuickItemGrabResult::ready, [=]() {
        grabResult->saveToFile("C:/Users/haris/Desktop/output.png");
        //grabResult->image() gives the QImage associated if you want to use it directly in the program
    });
}

不使用lambda的替代解决方案：

void Login::save( QQuickItem *item)
{
    auto grabResult = item->grabToImage();

    /* Need to store grabResult somewhere persistent to avoid the SharedPointer mechanism from deleting it */
    ...

    connect(grabResult.data(), SIGNAL(ready()), this, SLOT(onAsynchroneousImageLoaded()));
}

void Login::onAsynchroneousImageLoaded() {
    auto grabResult = qobject_cast<QQuickItemGrabResult*>(sender());
    if (grabResult) {
        grabResult->saveToFile("C:/Users/haris/Desktop/output.png");
    } else {
        //something went wrong
    }
});

Answer 2

在QObject派生的类（ImageSaver）中，按需注册。它需要一个成员：

<div id="root"></div>

然后使用QML：

bool ImageSaver::saveImage(const QUrl &imageProviderUrl, const QString &filename){
    qDebug() << Q_FUNC_INFO <<imageProviderUrl << filename;
    QQmlEngine *engine = QQmlEngine::contextForObject(this)->engine();
    QQmlImageProviderBase *imageProviderBase = engine->imageProvider(imageProviderUrl.host());
    QQuickImageProvider *imageProvider = static_cast<QQuickImageProvider*>(imageProviderBase);
    QSize imageActualSize;
    QSize imageRequestedSize;
QString imageId = imageProviderUrl.path().remove(0,1);

    QImage image = imageProvider->requestImage(imageId, &imageActualSize, imageRequestedSize);
    qDebug() << Q_FUNC_INFO << imageId << imageActualSize;
    return image.save(filename);
}

相反，grabToImage将使用项目的大小来获取项目，这可以保留图像的实际大小。

将QML图像保存在c ++中

2 个答案: