PyQt5入门之基于QListWidget版本实现图片缩略图列表功能

我会详细讲解“PyQt5入门之基于QListWidget版本实现图片缩略图列表功能”的完整攻略。

概述

QListWidget是Qt中的列表控件，它能够展示列表式的数据，并支持图标展示。本篇攻略将会介绍如何基于QListWidget实现图片缩略图列表功能。

实现步骤

1. 导入必要的模块

from PyQt5.QtGui import QIcon, QPixmap
from PyQt5.QtWidgets import QApplication, QListWidgetItem, QListWidget
import sys

1. 创建QListWidget控件

# 创建一个QListWidget对象
listWidget = QListWidget()

1. 设置控件列表视图模式

# 设置控件的列表视图模式为IconMode
listWidget.setViewMode(QListWidget.IconMode)

1. 循环添加缩略图到列表中

# 循环添加缩略图到列表中
for i in range(1, 6):
    # 创建缩略图图标
    icon = QIcon()
    icon.addPixmap(QPixmap('thumbnails/%d.jpg' % i), QIcon.Normal, QIcon.Off)
    # 创建QListWidgetItem对象，并设置图标和它的描述文字
    item = QListWidgetItem(icon, 'Thumbnail %d' % i)
    # 把item添加到listWidget中
    listWidget.addItem(item)

1. 显示QListWidget控件

# 创建QApplication对象
app = QApplication(sys.argv)
# 把listWidget添加到主窗口中
listWidget.show()
# 进入主循环
sys.exit(app.exec_())

示例说明

示例1

假设现在有一组缩略图文件，文件路径为"thumbnails/1.jpg"、"thumbnails/2.jpg"、"thumbnails/3.jpg"、"thumbnails/4.jpg"、"thumbnails/5.jpg"，现在我们想要在一个PyQt5应用程序的主窗口中展示这些图片，以及它们的描述文字"Thumbnail 1"、"Thumbnail 2"、"Thumbnail 3"、"Thumbnail 4"、"Thumbnail 5"。

from PyQt5.QtGui import QIcon, QPixmap
from PyQt5.QtWidgets import QApplication, QListWidgetItem, QListWidget
import sys

# 创建一个QListWidget对象
listWidget = QListWidget()
# 设置控件的列表视图模式为IconMode
listWidget.setViewMode(QListWidget.IconMode)
# 循环添加缩略图到列表中
for i in range(1, 6):
    # 创建缩略图图标
    icon = QIcon()
    icon.addPixmap(QPixmap('thumbnails/%d.jpg' % i), QIcon.Normal, QIcon.Off)
    # 创建QListWidgetItem对象，并设置图标和它的描述文字
    item = QListWidgetItem(icon, 'Thumbnail %d' % i)
    # 把item添加到listWidget中
    listWidget.addItem(item)

# 创建QApplication对象
app = QApplication(sys.argv)
# 把listWidget添加到主窗口中
listWidget.show()
# 进入主循环
sys.exit(app.exec_())

示例2

在示例1的基础上，在每个缩略图的下方展示图片的尺寸信息。尺寸信息可以从图片的元数据中获得。

from PyQt5.QtGui import QIcon, QPixmap
from PyQt5.QtWidgets import QApplication, QListWidgetItem, QListWidget
import sys
from PIL import Image

# 创建一个QListWidget对象
listWidget = QListWidget()
# 设置控件的列表视图模式为IconMode
listWidget.setViewMode(QListWidget.IconMode)
# 循环添加缩略图到列表中
for i in range(1, 6):
    # 创建缩略图图标
    icon = QIcon()
    icon.addPixmap(QPixmap('thumbnails/%d.jpg' % i), QIcon.Normal, QIcon.Off)
    # 获取缩略图的尺寸信息
    with Image.open('thumbnails/%d.jpg' % i) as img:
        size = img.size
    # 创建QListWidgetItem对象，并设置图标、描述文字和尺寸信息
    item = QListWidgetItem(icon, 'Thumbnail %d\nSize: %dx%d' % (i, size[0], size[1]))
    # 把item添加到listWidget中
    listWidget.addItem(item)

# 创建QApplication对象
app = QApplication(sys.argv)
# 把listWidget添加到主窗口中
listWidget.show()
# 进入主循环
sys.exit(app.exec_())