pyqt5按选择顺序多选图并显示缩略图

本文主要是介绍pyqt5按选择顺序多选图并显示缩略图，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

为了实现用户在选择图片时可以看到缩略图，并且按点击顺序显示最终的选择，我们可以自定义一个对话框，展示所有可选图片的缩略图，用户点击图片后会将其记录到列表中，并最终按顺序显示选择的缩略图。

解决方案思路：

自定义选择对话框：展示所有图片的缩略图，用户可以点击选择图片。
按点击顺序记录选择：记录用户点击图片的顺序。
显示选择结果：在主窗口中按点击顺序显示最终选择的图片缩略图。

实现步骤：

创建一个自定义对话框，加载文件夹内的图片，并显示为缩略图。
用户点击缩略图时，记录下点击的顺序。
用户确认选择后，按顺序在主窗口中显示缩略图。

完整示例代码：

import sys
import os
from PyQt5.QtWidgets import QApplication, QWidget, QVBoxLayout, QLabel, QPushButton, QScrollArea, QGridLayout, QFileDialog, QDialog, QHBoxLayout
from PyQt5.QtGui import QPixmap
from PyQt5.QtCore import Qtclass ThumbnailDialog(QDialog):def __init__(self, folder_path, parent=None):super().__init__(parent)self.setWindowTitle("Select Images")self.selected_files = []# 创建主布局self.layout = QVBoxLayout()self.grid_layout = QGridLayout()self.layout.addLayout(self.grid_layout)# 加载文件夹中的所有图片并显示为缩略图self.load_images(folder_path)# 确认按钮self.confirm_button = QPushButton('Confirm Selection')self.confirm_button.clicked.connect(self.accept)self.layout.addWidget(self.confirm_button)self.setLayout(self.layout)def load_images(self, folder_path):images = [f for f in os.listdir(folder_path) if f.lower().endswith(('.png', '.jpg', '.jpeg', '.bmp', '.gif'))]row, col = 0, 0for image_file in images:image_path = os.path.join(folder_path, image_file)pixmap = QPixmap(image_path).scaled(100, 100, Qt.KeepAspectRatio, Qt.SmoothTransformation)label = QLabel()label.setPixmap(pixmap)label.setAlignment(Qt.AlignCenter)label.mousePressEvent = lambda event, path=image_path: self.select_image(path)self.grid_layout.addWidget(label, row, col)col += 1if col > 3:  # 每行4个缩略图col = 0row += 1def select_image(self, image_path):if image_path not in self.selected_files:self.selected_files.append(image_path)print(f"Selected: {image_path}")def exec_(self):super().exec_()return self.selected_filesclass ImageSelector(QWidget):def __init__(self):super().__init__()# 设置窗口标题和大小self.setWindowTitle("Image Selector")self.setGeometry(100, 100, 800, 600)# 创建布局self.layout = QVBoxLayout()# 创建一个按钮用于选择图片self.select_button = QPushButton('Select Images')self.select_button.clicked.connect(self.open_folder_dialog)self.layout.addWidget(self.select_button)# 创建一个滚动区域来显示图片self.scroll_area = QScrollArea()self.scroll_area_widget = QWidget()self.grid_layout = QGridLayout(self.scroll_area_widget)self.scroll_area.setWidgetResizable(True)self.scroll_area.setWidget(self.scroll_area_widget)self.layout.addWidget(self.scroll_area)# 设置主布局self.setLayout(self.layout)def open_folder_dialog(self):# 打开文件夹对话框，用户选择一个文件夹folder_path = QFileDialog.getExistingDirectory(self, "Select Folder")if folder_path:# 打开自定义对话框，显示缩略图dialog = ThumbnailDialog(folder_path, self)selected_files = dialog.exec_()if selected_files:self.display_images(selected_files)def display_images(self, files):# 清除之前的布局内容for i in reversed(range(self.grid_layout.count())):widget_to_remove = self.grid_layout.itemAt(i).widget()self.grid_layout.removeWidget(widget_to_remove)widget_to_remove.setParent(None)# 按选择顺序显示缩略图for index, file in enumerate(files):pixmap = QPixmap(file).scaled(100, 100, Qt.KeepAspectRatio, Qt.SmoothTransformation)label = QLabel()label.setPixmap(pixmap)label.setAlignment(Qt.AlignCenter)self.grid_layout.addWidget(label, index // 4, index % 4)if __name__ == '__main__':app = QApplication(sys.argv)window = ImageSelector()window.show()sys.exit(app.exec_())

代码解释：

ThumbnailDialog：自定义对话框，用于显示指定文件夹中的所有图片缩略图。
- load_images() 方法会加载并显示文件夹中的图片。
- select_image() 方法记录用户点击的图片顺序。
- exec_() 方法返回用户按点击顺序选择的图片列表。
ImageSelector：主窗口类。
- open_folder_dialog() 打开文件夹选择对话框，并显示 ThumbnailDialog 对话框，供用户选择图片。
- display_images() 按选择顺序显示图片缩略图。