Мерцание при обновлении картинки в QML

QML, Android, Qt

QUrl AppCore::imageToUrl(const QImage &image)
{
    QByteArray byteArray;
    QBuffer buffer(&byteArray);
    buffer.open(QIODevice::WriteOnly);
    image.save(&buffer, "png");
    QString base64 = QString::fromUtf8(byteArray.toBase64());
    return QString("data:image/png;base64,") + base64;
}

We recommend hosting TIMEWEB

Stable hosting, on which the social network EVILEG is located. For projects on Django we recommend VDS hosting.

Добрый день,
Это у вас типо видеострима работает? А покажите кусок кода, где это функция применяется?
Может дело в том, что у вас пустует source пока конвертируется изображение? Я бы в этом случае испускал сигнал с QUrl вместо прямого использования метода. В таком случае можно будет приконнектиться к AppCore и реагировать уже на готовое изображение и только тогда менять source изображения.

Я получаю ответ от сервера с картинкой в виде массива байт и так обрабатываю через Q_PROPERTY

setProperty("iRImageUrl", "data:image/png;base64," + doc.object()["data"].toString());

Так же я пробовал испускать сигнал и передавать полученное значение в QML в source, но мерцание при обновлении сохранилось

emit currentIRImageChanged("data:image/png;base64," + doc.object()["data"].toString());

Я думаю, что вашу проблему мог бы решить QQuickImageProvider

Вполне возможно что все эти мерцания из-за того, что изображение обновляется совместно со всем интерфейсом, а если это сделать через QQuickImageProvider, то там это будет работать более асинхронно, что может решить проблему.

Тем более, что здесь говорится как раз про потоковую передачу изображений в Image объект в QML

The QQuickImageProvider class provides an interface for supporting pixmaps and threaded image requests in QML

Попробовал. Не помогло.
Класс сделал так

class ImageProvider : public QQuickImageProvider
{
public:
    ImageProvider() : QQuickImageProvider(QQuickImageProvider::Pixmap)
    {
    }

    QPixmap m_pixmap = QPixmap("/home/owner/Загрузки/image_2022-02-04_15-52-48.png");

    QPixmap requestPixmap(const QString &id, QSize *size, const QSize &requestedSize) override
    {
        return m_pixmap;
    }
};

В мэйне записал так

engine.addImageProvider(QLatin1String("imageProviderIRImage"),  appCore->m_imageProviderIRImage);

В QML задал источник так

source: "image://imageProviderIRImage"

Но при такой реализации отображается только заданная в классе картинка, оно не обновляется при изменении m_pixmap
m_pixmap меняю так

QByteArray arr = QByteArray::fromBase64(doc.object()["data"].toString().toLatin1());
            m_imageProviderIRImage->m_pixmap.loadFromData(arr);

функция requestPixmap вызфвается только один раз

Думаю, тут посложнее код должен быть, я бы попробовал совместить код из imageToUrl, чтобы заменять картинку в провайдере. Пока у меня только такие мысли есть.

Дело в том,что в провайдере и так меняется картинка, просто похоже это дергается только один раз при вызове в мэйне.

Эммм, может тогда ещё поиграть с настройками самого Image? В документации сказано, что есть следующие свойства:

• asynchronous - асинхронная загрузка, которая по умолчанию false, кроме изображений из сети.
• cache - кэширование изображений, которое по умолчанию true, может при изменении изображения в источнике, из-за кеширование не срабатывает?

Я уже не знаю, сейчас разве что только пальцем в небе попаду.

Я сделал сигнал обновления картинки и менял потом source картинки так, в таком случае работает без мерцания

                        imageIrImage.source = "image://imageProviderIRImage/ir"
                        imageIrImage.source = "image://imageProviderIRImage"

Получается, что доколупали.
Решение - QQuickImageProvider + сигнал на обновление. Тоже вариант.