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

时间:2017-03-08 13:44:29

标签: python qt pyqt pyqt5

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

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

像这样: enter image description here

当结果集太大(大于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)

LoaderThread:

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)

虽然这种方法似乎可以正常加载图像,但是当在MyDelegate中多次调用self.t1.emit(actor_name, actor_thumb, self.image_cache)时,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]

如果有人对我的错误或者如何实现所期望的行为有任何指示,那么他们将会受到好评。

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

1 个答案:

答案 0 :(得分: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多张缩略图进行测试。