Михаил Сермяжко
Ақп. 14, 2022, 8:24 Т.Қ.

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

QML, Android, Qt

Добрый день.
Получаю от сервера 10-30 картинок в секунду, вот так преобразовываю

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;
}

и отправляю QUrl в sourse Image. На десктопе все более менее работает, только при обновлении других виджетов может получится мерцание. На андроите получается постоянное мерцание (исчезновение карти, отображение фона, последующее отображение картинки). Скажите пожалуйста, в чем может быть дело и как это можно исправить? Может быть можно перевести картинки в видео и так их отображать в QML?

2

Ол саған ұнайды ма? Әлеуметтік желілерде бөлісіңіз!

9
Evgenii Legotckoi
  • Ақп. 14, 2022, 8:33 Т.Қ.
  • (өңделген)

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

    Михаил Сермяжко
    • Ақп. 14, 2022, 8:52 Т.Қ.

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

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

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

    emit currentIRImageChanged("data:image/png;base64," + doc.object()["data"].toString());
    
      Evgenii Legotckoi
      • Ақп. 14, 2022, 9:01 Т.Қ.
      • (өңделген)

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

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

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

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

        Михаил Сермяжко
        • Ақп. 15, 2022, 3:08 Т.Қ.
        • (өңделген)

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

        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 вызфвается только один раз

          Evgenii Legotckoi
          • Ақп. 15, 2022, 3:47 Т.Қ.

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

            Михаил Сермяжко
            • Ақп. 15, 2022, 3:58 Т.Қ.

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

              Evgenii Legotckoi
              • Ақп. 15, 2022, 4:49 Т.Қ.

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

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

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

                Михаил Сермяжко
                • Ақп. 15, 2022, 4:58 Т.Қ.
                • Жауап шешім ретінде белгіленді.

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

                                        imageIrImage.source = "image://imageProviderIRImage/ir"
                                        imageIrImage.source = "image://imageProviderIRImage"
                
                  Evgenii Legotckoi
                  • Ақп. 15, 2022, 5:03 Т.Қ.

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

                    Пікірлер

                    Тек рұқсаты бар пайдаланушылар ғана пікір қалдыра алады.
                    Кіріңіз немесе Тіркеліңіз