QML实时加载图片的方式

QML中实现图片实时加载的两种方法,

最新推荐文章于 2025-09-10 14:31:01 发布

原创

最新推荐文章于 2025-09-10 14:31:01 发布 · 912 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#qt

QML实时加载图片的方式

- - 1、QQuickImageProvider
  - 2、QQuickPaintedItem

1、QQuickImageProvider

这种方式需要和qml的Image配置使用，它是通过改变Image的source达到实时改变图片的效果

// ImageProvider.h
#ifndef IMAGEPROVIDER_H
#define IMAGEPROVIDER_H

#include <QObject>
#include <QQuickImageProvider>
#include <QVector>

class ImageProvider : public QQuickImageProvider
{
   
   
public:
    ImageProvider();

    QImage requestImage(const QString &id, QSize *size, const QSize& requestedSize) override;

private:
    QImage              m_gifImage;
    QImage              m_svgImage;
    QVector<QString>    m_svgVector;
    QVector<QString>    m_gifVector;
};

#endif // IMAGEPROVIDER_H

// ImageProvider.cpp
#include "ImageProvider.h"
#include <QDirIterator>
#include <QDebug>
#include <QTime>
#include <QRandomGenerator>

ImageProvider::ImageProvider() :
    QQuickImageProvider<