如何在 PyQt5 中正确异步加载图像？

Question

我试图弄清楚如何在 PyQt Qlistview 中正确完成异步图像加载。

我的主要小部件由一个Qlistview和一个QLineEdit文本框组成。我有一个演员数据库，我使用QAbstractListModel在文本框中输入文本时的子类查询该数据库，并查询数据库并使用结果填充模型。结果随后显示在 Qlistview 中。（每个演员的结果包含演员姓名和图像路径。）

像这样：

当结果集太大（大于 50）时，问题就开始了，从磁盘加载图像会造成损失并挂起 UI。我希望实现的行为是最初为所有结果加载一个占位符图像，然后在不同的线程中从磁盘加载特定图像，并在加载时使用新加载的图像更新 Qlistview 项目。

为此，我创建了一个自定义QItemDelegate类，其中包含需要加载的所有图像的缓存。如果图像不在缓存中，则它绘制占位符图像并向另一个线程发送信号，该线程加载该图像并将其放入缓存中。

我的委托类：

class MyDelegate(QStyledItemDelegate):
    t1 = pyqtSignal(str, str, dict)

    def __init__(self, image_cache, loader_thread, parent=None):
        super(MyDelegate, self).__init__(parent)
        self.placeholder_image = QPixmap(PLACEHOLDER_IMAGE_PATH).scaled(200, 300)
        self.image_cache = image_cache
        self.loader_thread = loader_thread
        self.t1.connect(self.loader_thread.insert_into_queue)


    def paint(self, QPainter, QStyleOptionViewItem, QModelIndex):
        rect = QStyleOptionViewItem.rect
        actor_name = QModelIndex.data(Qt.DisplayRole)
        actor_thumb = QModelIndex.data(Qt.UserRole)
        pic_rect = QRect(rect.left(), rect.top(), 200, 300)
        text_rect = QRect(rect.left(), rect.top() + 300, 200, 20)
        try:
            cached_thumb = self.image_cache[actor_name]
            print("Got image: {} from cache".format(actor_name)
        except KeyError as e:
            self.t1.emit(actor_name, actor_thumb, self.image_cache)
            cached_thumb = self.placeholder_image
            print("Drawing placeholder image for {}".format(actor_name)

        QPainter.drawPixmap(pic_rect, cached_thumb)
        QPainter.drawText(text_rect, Qt.AlignCenter, actor_name)

        if QStyleOptionViewItem.state & QStyle.State_Selected:
            highlight_color = QStyleOptionViewItem.palette.highlight().color()
            highlight_color.setAlpha(50)
            highlight_brush = QBrush(highlight_color)
            QPainter.fillRect(rect, highlight_brush)

    def sizeHint(self, QStyleOptionViewItem, QModelIndex):
        return QSize(200, 320)

加载线程：

class LoaderThread(QObject):

    def __init__(self):
        super(LoaderThread, self).__init__()

    @pyqtSlot(str, str, dict)
    def insert_into_queue(self, name, thumb_path, image_cache):
        print("Got signal, loading image for {} from disk".format(name))
        pixmap = QPixmap(thumb_path).scaled(200, 300)
        image_cache[name] = pixmap
        print("Image for {} inserted to cache".format(name))

主窗口__init__方法的相关部分：

image_cache = {}
lt = loader_tread.LoaderThread()
self.thread = QThread()
lt.moveToThread(self.thread)
self.thread.start()
self.delegate = MyDelegate(image_cache, lt)

虽然这种方法在图像加载正确的情况下似乎有效，但在多次调用self.t1.emit(actor_name, actor_thumb, self.image_cache)MyDelegate时 UI 会挂起。

实际上，延迟几乎与在同一线程中加载图像时相同，如下所示：

 try:
            cached_thumb = self.image_cache[actor_name]
            print("Got image: {} from cache".format(QModelIndex.data(Qt.DisplayRole)))
 except KeyError as e:
            # self.t1.emit(actor_name, actor_thumb, self.image_cache)
            pixmap = QPixmap(actor_thumb).scaled(200,300)
            self.image_cache[actor_name] = pixmap
            cached_thumb = self.image_cache[actor_name]

如果有人对我做错了什么或如何实现所需的行为有任何指示，他们会很受欢迎。

PS 我知道我可以限制数据库查询中的结果集，但这不是我想要做的。

Answer 1

我今天遇到了同样的问题：尝试在单独的 Qthread 上加载缩略图 QPixmaps，并且它挂起了 UI。

我发现由于某种原因......使用 QPixmap 从磁盘加载图像将始终“冻结”主 GUI 线程：

pixmap = QPixmap(thumb_path).scaled(200, 300)  # Will hang UI

一种解决方案；使用 QImage 对象加载图像，然后从图像生成 QPixmap，以下代码为我完成这项工作：

image = QImage(thumb_path)
pixmap = QPixmap.fromImage(image).scaled(200, 300)

滚动流畅，经过 500 多个缩略图的测试。