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

Question

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

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

像这样:


当结果集太大(大于 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) 时 UI 会挂起。在 MyDelegate 中制作。

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

 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]

如果有人对我做错了什么或如何实现期望的行为有任何指示，他们将受到好评。

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

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 多个缩略图测试。