QGraphicsPixmapItem 未正确定位

Question

我需要将 QGraphicsPixmapItem 移动到图像左上角的圆圈中。也就是说，当我用鼠标抓住圆圈时，我需要图像的左上角跟随圆圈。我将 QGraphicsEllipseItem 子类化并重新实现了 itemChange 方法，但是当我将图像的位置设置为该值时，图像的定位不正确。我应该在我的代码中修改什么？

    import sys
    from PyQt5.QtWidgets import QMainWindow, QApplication, QGraphicsView
    from PyQt5 import QtGui, QtWidgets
    
    class MainWindow(QMainWindow):
        def __init__(self, parent=None):
            super(MainWindow, self).__init__(parent)
    
            self.scene = Scene()
            self.view = QGraphicsView(self)
            self.setGeometry(10, 30, 850, 600)
            self.view.setGeometry(20, 22, 800, 550)
            self.view.setScene(self.scene)
    
    class Scene(QtWidgets.QGraphicsScene):
        def __init__(self, parent=None):
            super(Scene, self).__init__(parent)
            # other stuff here
            self.set_image()
    
        def set_image(self):
            image = Image()
            self.addItem(image)
            image.set_pixmap()
    
    class Image(QtWidgets.QGraphicsPixmapItem):
        def __init__(self, parent=None):
            super(Image, self).__init__(parent)
    
            self.setFlag(QtWidgets.QGraphicsItem.ItemIsMovable, True)
    
        def set_pixmap(self):
            pixmap = QtGui.QPixmap("image.jpg")
            self.setPixmap(pixmap)
            self.pixmap_controller = PixmapController(self)
            self.pixmap_controller.set_pixmap_controller()
            self.pixmap_controller.setPos(self.boundingRect().topLeft())
            self.pixmap_controller.setFlag(QtWidgets.QGraphicsItem.ItemSendsScenePositionChanges, True)
    
        def change_image_position(self, position):
            self.setPos(position)
    
    class PixmapController(QtWidgets.QGraphicsEllipseItem):
        def __init__(self, pixmap):
            super(PixmapController, self).__init__(parent=pixmap)
            self.pixmap = pixmap
    
            self.setFlag(QtWidgets.QGraphicsItem.ItemIsMovable, True)
            color = QtGui.QColor(0, 0, 0)
            brush = QtGui.QBrush(color)
            self.setBrush(brush)
    
        def set_pixmap_controller(self):
            self.setRect(-5, -5, 10, 10)
    
        def itemChange(self, change, value):
            if change == QtWidgets.QGraphicsItem.ItemPositionChange:
                self.pixmap.change_image_position(value)
            return super(PixmapController, self).itemChange(change, value)
    
    if __name__ == "__main__":
        app = QApplication(sys.argv)
        window = MainWindow()
        window.show()
        sys.exit(app.exec_())

Answer 1

当一个图形项有一个父项时，它的坐标系基于那个父项，而不是在场景中。

问题是，当您尝试移动 PixmapController 时，移动是在 parent 坐标（像素图项目）中进行的。当您检查 ItemPositionChange 时，您正在更改父位置，但项目位置无论如何都会根据父坐标系进行更改。

虽然您可以只是return一个空的QPoint（这将不会改变项目的位置），但这不会这不是一个好的选择：一旦您松开鼠标并再次开始移动它，像素图就会重置它的位置。

解决方案不是设置可移动项目标志，而是过滤鼠标移动，根据点击起始位置计算一个delta，并使用该delta移动父项基于当前位置的项目。

class PixmapController(QtWidgets.QGraphicsEllipseItem):
    def __init__(self, pixmap):
        super(PixmapController, self).__init__(parent=pixmap)
        self.pixmap = pixmap

        # the item should *NOT* move
        # self.setFlag(QtWidgets.QGraphicsItem.ItemIsMovable, True)
        color = QtGui.QColor(0, 0, 0)
        brush = QtGui.QBrush(color)
        self.setBrush(brush)

    def set_pixmap_controller(self):
        self.setRect(-5, -5, 10, 10)

    def mousePressEvent(self, event):
        if event.button() == QtCore.Qt.LeftButton:
            self.startPos = event.pos()

    def mouseMoveEvent(self, event):
        if event.buttons() == QtCore.Qt.LeftButton:
            delta = event.pos() - self.startPos
            self.parentItem().setPos(self.parentItem().pos() + delta)

如果你想使用你的change_image_position功能，你需要相应地改变那些功能；下面的代码与上面示例中的最后一行做同样的事情：

class Image(QtWidgets.QGraphicsPixmapItem):
    # ...
    def change_image_position(self, delta):
        self.setPos(self.pos() + delta)

class PixmapController(QtWidgets.QGraphicsEllipseItem):
    # ...
    def mouseMoveEvent(self, event):
        if event.buttons() == QtCore.Qt.LeftButton:
            delta = event.pos() - self.startPos
            self.pixmap.change_image_position(delta)

_{提示：不要像那样将子窗口小部件添加到 QMainWindow，因为当 window 调整大小时它不会正确调整大小。使用 self.setCentralWidget(self.view) 代替；如果要添加边距，请使用容器 QWidget，将该小部件设置为中央小部件，添加一个简单的 QHBoxLayout（或 QVBoxLayout），将视图添加到该布局，然后使用 layout.setContentsMargins(left, top, right, bottom)[=40= 设置边距]}

QGraphicsPixmapItem 未正确定位

QGraphicsPixmapItem is not being positioned correctly

qgraphicsitem

pyqt5

qgraphicspixmapitem

qgraphicsellipseitem