PyQt5拖拽图片时重复绘制问题求助

问题说明 #

编写PyQt5代码实现将图片拖拽到指定QLabel区域时，遇到以下问题：

• 拖拽过程中每移动一步都会生成新的图片框，出现重复绘制
• 尝试在paintEvent中擦除旧位置图片时，会导致QLabel的背景被擦除
• 主窗口区域可正常实现拖拽时动态创建/销毁对象，但无法在指定的palette图层（QLabel）实现该效果

问题根源 #

1. 直接修改原始像素图：原代码中直接在original_palette上进行绘制，每次拖拽都会在原图上叠加，导致重复绘制；擦除时也会破坏原始背景。
2. 坐标系统错误：鼠标事件的坐标基于主窗口，而非目标QLabel，导致位置计算偏差。
3. 错误的绘制时机：在主窗口的paintEvent中操作QLabel的像素图，而非在QLabel自身的paintEvent中处理绘制逻辑。

解决方案 #

1. 自定义QLabel子类：创建继承自QLabel的PaletteLabel类，重写其paintEvent，负责绘制背景、已放置的盒子和拖拽中的盒子。
2. 基于原始图重绘：每次paintEvent都从原始背景图开始绘制，避免修改原始像素图，解决重复绘制和背景擦除问题。
3. 坐标转换：将鼠标事件的全局坐标转换为QLabel的本地坐标，确保位置计算准确。
4. 分离拖拽逻辑：在主窗口中处理鼠标事件，将拖拽状态和位置传递给自定义QLabel，由其负责绘制。

修正后的完整代码 #

import sys
from PyQt5.QtCore import QRect, Qt, QPoint
from PyQt5.QtGui import QPixmap, QPainter
from PyQt5.QtWidgets import QApplication, QMainWindow, QLabel
from test import Ui_MainWindow

class PaletteLabel(QLabel):
    def __init__(self, parent=None):
        super().__init__(parent)
        self.original_palette = QPixmap("palette.png")
        self.original_box = QPixmap("box.png").scaled(100, 150)
        self.boxes = []  # 已放置的盒子列表
        self.dragging = False
        self.drag_pos = QPoint()  # 拖拽中的盒子相对于Label的位置

    def set_box_pixmap(self, pixmap):
        self.original_box = pixmap

    def set_dragging_state(self, dragging, pos=None):
        self.dragging = dragging
        if pos:
            # 将全局坐标转换为Label本地坐标
            local_pos = self.mapFromGlobal(pos)
            # 计算盒子左上角位置（鼠标在盒子中心）
            self.drag_pos = local_pos - QPoint(self.original_box.width()//2, self.original_box.height()//2)
        self.update()

    def add_box(self, pos):
        # 将全局坐标转换为Label本地坐标并添加盒子
        local_pos = self.mapFromGlobal(pos)
        box_rect = QRect(local_pos - QPoint(self.original_box.width()//2, self.original_box.height()//2),
                         self.original_box.size())
        self.boxes.append(box_rect)
        self.update()

    def paintEvent(self, event):
        painter = QPainter(self)
        # 绘制原始背景
        painter.drawPixmap(0, 0, self.original_palette)
        # 绘制已放置的盒子
        for box in self.boxes:
            painter.drawPixmap(box, self.original_box)
        # 绘制拖拽中的盒子
        if self.dragging:
            painter.drawPixmap(self.drag_pos, self.original_box)

class MainWindow(QMainWindow):
    def __init__(self, parent=None):
        super().__init__(parent)
        self.ui = Ui_MainWindow()
        self.ui.setupUi(self)

        # 替换原有的palet为自定义的PaletteLabel
        self.palette_label = PaletteLabel(self.ui.widget_2)
        self.palette_label.setFixedSize(self.palette_label.original_palette.size())
        self.palette_label.setContentsMargins(0, 0, 0, 0)
        self.palette_label.setStyleSheet("QLabel { padding: 0px; }")
        # 移除原有的palet并添加自定义控件
        self.ui.palet.deleteLater()
        self.ui.palet = self.palette_label

        self.original_box = QPixmap("box.png").scaled(100, 150)
        self.ui.image.setPixmap(self.original_box)
        self.ui.image.setFixedSize(self.original_box.size())
        self.ui.image.setContentsMargins(0, 0, 0, 0)
        self.ui.image.setStyleSheet("QLabel { padding: 0px; }")

        self.dragging = False

    def mousePressEvent(self, event):
        if event.button() == Qt.LeftButton:
            # 检查是否点击了原始盒子
            if self.ui.image.rect().contains(self.ui.image.mapFromGlobal(event.globalPos())):
                self.dragging = True
                self.palette_label.set_dragging_state(True, event.globalPos())

    def mouseMoveEvent(self, event):
        if self.dragging:
            self.palette_label.set_dragging_state(True, event.globalPos())

    def mouseReleaseEvent(self, event):
        if event.button() == Qt.LeftButton and self.dragging:
            self.dragging = False
            self.palette_label.set_dragging_state(False)
            # 将盒子添加到palette区域
            self.palette_label.add_box(event.globalPos())

if __name__ == "__main__":
    app = QApplication(sys.argv)
    window = MainWindow()
    window.show()
    sys.exit(app.exec_())

代码说明 #

• PaletteLabel类：负责自身的绘制逻辑，每次paintEvent都会重新绘制背景、已放置的盒子和拖拽中的盒子，避免了重复绘制和背景破坏。
• 坐标转换：使用mapFromGlobal将全局鼠标坐标转换为QLabel的本地坐标，确保位置计算准确。
• 分离逻辑：主窗口只处理鼠标事件的状态判断，将拖拽状态和位置传递给PaletteLabel，由其负责绘制，符合模块化设计思想。

内容的提问来源于stack exchange，提问作者Cihan KOÇAR