問題描述

我已經瀏覽了文檔以及我可以在互聯網上找到的所有內容，但似乎無法從 C++ 訪問 QML 圖像.

I've looked through the documentation and also whatever I could find on the internet, but it doesn't seem like it is possible to access a QML Image from C++.

有沒有辦法解決這個問題?

Is there a way to work around that?

推薦答案

在 QtQuick1 中可以實現，但在 QtQuick2 中刪除了該功能.

It was possible to do in QtQuick1 but that functionality was removed in QtQuick2.

我提出的解決方案允許在 QML 和 C++ 中使用相同的圖像，方法是實現一個 QQuickImageProvider，它基本上與 QPixmap * 一起使用，它被轉換為字符串然后回到指針類型(聽起來確實有點不安全，但事實證明它工作得很好).

The solution I've come up with allows to have the same image in QML and C++ by implementing a QQuickImageProvider that basically works with QPixmap * which is converted to string and then back to a pointer type(it does sound a little unsafe but has proven to work quite well).

class Pixmap : public QObject {
    Q_OBJECT
    Q_PROPERTY(QString data READ data NOTIFY dataChanged)
public:
    Pixmap(QObject * p = 0) : QObject(p), pix(0) {}
    ~Pixmap() { if (pix) delete pix; }

    QString data() {
        if (pix) return "image://pixmap/" + QString::number((qulonglong)pix);
        else return QString();
    }

public slots:
    void load(QString url) {
        QPixmap * old = 0;
        if (pix) old = pix;
        pix = new QPixmap(url);
        emit dataChanged();
        if (old) delete old;
    }

    void clear() {
        if (pix) delete pix;
        pix = 0;
        emit dataChanged();
    }

signals:
    void dataChanged();

private:
    QPixmap * pix;
};

Pixmap 元素的實現非常簡單，雖然初始的有點受限，因為新的像素圖恰好被分配在與 data 不同圖像的字符串相同，導致QML圖像組件不更新，但解決方案很簡單，只有在分配新像素圖后才刪除舊像素圖.這是實際的圖像提供程序:

The implementation of the Pixmap element is pretty straightforward, although the initial was a bit limited, since the new pixmap happened to be allocated at the exactly same memory address the data string was the same for different images, causing the QML Image component to not update, but the solution was as simple as deleting the old pixmap only after the new one has been allocated. Here is the actual image provider:

class PixmapProvider : public QQuickImageProvider {
public:
    PixmapProvider() : QQuickImageProvider(QQuickImageProvider::Pixmap) {}
    QPixmap requestPixmap(const QString &id, QSize *size, const QSize &requestedSize) {
        qulonglong d = id.toULongLong();
        if (d) {
            QPixmap * p = reinterpret_cast<QPixmap *>(d);
            return *p;
        } else {
            return QPixmap();
        }
    }
};

注冊:

//in main()
engine.addImageProvider("pixmap", new PixmapProvider);
qmlRegisterType<Pixmap>("Test", 1, 0, "Pixmap");

這就是你在 QML 中使用它的方式:

And this is how you use it in QML:

Pixmap {
    id: pix
}

Image {
    source: pix.data
}

// and then pix.load(path)

還請注意，在我的情況下，沒有實際修改需要在 QML 中更新的像素圖.如果在 C++ 中更改圖像，此解決方案不會自動更新 QML 中的圖像，因為內存中的地址將保持不變.但解決方案同樣簡單——實現一個 update() 方法來分配一個 new QPixmap(oldPixmap)——它將使用相同的內部數據，但會給你一個具有新內存地址的新訪問器，這將觸發 QML 圖像更新更改.這意味著提供的訪問像素圖的方法將通過 Pixmap 類，而不是直接從 QPixmap * 中獲取，因為您將需要 Pixmap 類要觸發 data 更改，只需為 pix 添加一個訪問器，以防萬一您執行復雜或線程化的操作，您可能需要使用 QImage 而是添加一個互斥鎖，以便在 QML 中底層數據在 C++ 中或其他方式中更改時不會更改.

ALSO Note that in my case there was no actual modification of the pixmap that needed to be updated in QML. This solution will not auto-update the image in QML if it is changed in C++, because the address in memory will stay the same. But the solution for this is just as straightforward - implement an update() method that allocates a new QPixmap(oldPixmap) - it will use the same internal data but give you a new accessor to it with a new memory address, which will trigger the QML image to update on changes. This means the proffered method to access the pixmap will be through the Pixmap class, not directly from the QPixmap * since you will need the Pixmap class to trigger the data change, so just add an accessor for pix, and just in case you do complex or threaded stuff, you might want to use QImage instead and add a mutex so that the underlying data is not changed in QML while being changed in C++ or the other way around.

這篇關于QML 和 C++ 圖像互操作性的文章就介紹到這了，希望我們推薦的答案對大家有所幫助，也希望大家多多支持html5模板網！