PyQt5入门——QListWidget实现图片缩略图列表

使用QListWidget实现图像缩略图列表

最新推荐文章于 2024-10-15 09:46:50 发布

原创

最新推荐文章于 2024-10-15 09:46:50 发布 · 6.7k 阅读

96 ·

CC 4.0 BY-SA版权

文章标签：

#qt #python #pyqt #GUI #qlistwidget

本文介绍了一个基于QListWidget的图像查看工具的实现，通过创建自定义的ImageListWidget展示图片缩略图，点击缩略图可在右侧预览大图。代码示例展示了如何加载图片路径到列表并响应选中变化。为了优化性能，实际应用中建议异步加载图片。

需求描述

最近在写一个图像标注小工具，其中需要用到一个缩略图列表，来查看文件夹内的图片文件。

这里整理一个基于QListWidget实现的版本，简单可用。

示例效果

在这里插入图片描述

代码示例

QListWidget官方文档：[link]

其中，需要用到的QListWidget信号：

itemSelectionChanged：所选项发生变化时发送。

先定义缩略图列表部分，继承自QListWidget。每个QListWidgetItem可以设置QIcon图片和文本。

import os
from qtpy.QtCore import QSize
from qtpy.QtGui import QIcon,QPixmap
from PyQt5.QtWidgets import QListWidget,QListWidgetItem,QListView,QWidget,QApplication,QHBoxLayout,QLabel

class ImageListWidget(QListWidget):
    def __init__(self):
        super(ImageListWidget, self).__init__()
        self.setFlow(QListView.Flow(1))#0: left to right,1: top to bottom
        self.setIconSize(QSize(150,