为了实现用户在选择图片时可以看到缩略图，并且按点击顺序显示最终的选择，我们可以自定义一个对话框，展示所有可选图片的缩略图，用户点击图片后会将其记录到列表中，并最终按顺序显示选择的缩略图。
解决方案思路：
- 自定义选择对话框：展示所有图片的缩略图，用户可以点击选择图片。
- 按点击顺序记录选择：记录用户点击图片的顺序。
- 显示选择结果：在主窗口中按点击顺序显示最终选择的图片缩略图。
实现步骤：
- 创建一个自定义对话框，加载文件夹内的图片，并显示为缩略图。
- 用户点击缩略图时，记录下点击的顺序。
- 用户确认选择后，按顺序在主窗口中显示缩略图。
完整示例代码：
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()按选择顺序显示图片缩略图。
运行效果：
用户选择一个文件夹后，自定义的 ThumbnailDialog 会显示文件夹中的所有图片缩略图。用户可以点击选择图片，点击顺序将被记录，并在主窗口中按顺序显示这些图片的缩略图。