PYQT绘制选择矩形覆盖在图片上

Question

我对如何在用户加载的图片上进行单击和绘制矩形感到困惑。我找到了一些例子，但是我尝试跟随这些例子却没有任何效果，并且我不确定如何解决它。

我设置了一些断点，但似乎没有进入`mouseMoveEvent`函数，但我不知道原因。非常感谢您提供帮助。 我想要的 我想能够在我加载到QGraphics中的图片上单击并拖动，然后它会绘制一个框，并在状态栏中输出矩形两个点的X和Y坐标。我也希望矩形保留在那里，直到用户第二次单击图片。 我找到的例子 我想要的 简单示例 当前代码

class MainWindow(QMainWindow, Ui_MainWindow):
    def __init__(self, *args, **kwargs):
        QMainWindow.__init__(self, *args, **kwargs)
        self.setupUi(self)
        self.setUpMainUiFunction()

    def setUpMainUiFunction(self):
        self.actionOpen.triggered.connect(self.OpenDialog)
        self.Button_LoadPhoto.clicked.connect(self.OpenDialog)

        open = QAction(QIcon("icons/open.bmp"), "open", self)
        save = QAction(QIcon("icons/save.bmp"), "save", self)
        NormalCursor = QAction(QIcon("icons/cursor-normal.png"), "NormalCursor", self)
        CrosshairCursor = QAction(QIcon("icons/crosshair.png"), "CrosshairCursor", self)

        self.TopToolBar.addAction(open)
        self.TopToolBar.addAction(save)
        self.LeftToolBar.addAction(NormalCursor)
        self.LeftToolBar.addAction(CrosshairCursor)

        # self.TopToolBar.actionTriggered[QAction].connect(self.toolbtnpressed)

    def OpenDialog(self):
        options = QFileDialog.Options()
        options |= QFileDialog.DontUseNativeDialog
        PicturePath = QStandardPaths.standardLocations(QStandardPaths.PicturesLocation)[0]
        filenames, _ = QFileDialog.getOpenFileNames(self, "Open File", PicturePath, "JPEG File (*.png)", options=options)
        for filename in filenames:
            pixmap = QPixmap(filename)
            self.showPicture(pixmap)
            self.statusbar.showMessage("Successfully Loaded: {}".format(filename))

    def showPicture(self, picture):
        sub = QMdiSubWindow(self)
        loadPicture = LoadPicture(picture, sub)
        sub.setWidget(loadPicture)
        sub.setObjectName("Load_Picture_window")
        sub.setWindowTitle("New Photo")
        self.mdiArea.addSubWindow(sub)
        sub.show()
        sub.resize(picture.size())
        loadPicture.log.MousePixmapSignal.connect(self.updatePixel)

    def updatePixel(self, point, color):
        self.UserInput_PixelValue_X.setText("{}".format(point.x()))
        self.UserInput_PixelValue_Y.setText("{}".format(point.y()))

        self.UserInput_PixelValue_R.setText("{}".format(color.red()))
        self.UserInput_PixelValue_G.setText("{}".format(color.green()))
        self.UserInput_PixelValue_B.setText("{}".format(color.blue()))

这是在另一个文件中的内容。

class LogObject(QObject):
    MousePixmapSignal = pyqtSignal(QPoint, QColor)


class PictureItem(QGraphicsPixmapItem):
    def __init__(self, log, *args, **kwargs):
        QGraphicsPixmapItem.__init__(self, *args, **kwargs)
        self.setAcceptHoverEvents(True)
        self.log = log

    def hoverMoveEvent(self, event):
        point = event.pos().toPoint()
        color = QColor(self.pixmap().toImage().pixel(point.x(), point.y()))
        self.log.MousePixmapSignal.emit(point, color)
        QGraphicsPixmapItem.hoverMoveEvent(self, event)

    def hoverEnterEvent(self, event):
        QApplication.setOverrideCursor(Qt.CrossCursor)
        QGraphicsPixmapItem.hoverMoveEvent(self, event)

    def hoverLeaveEvent(self, event):
        QApplication.setOverrideCursor(Qt.ArrowCursor)
        QGraphicsPixmapItem.hoverLeaveEvent(self, event)


    def paintEvent(self, event):
        qp = QPainter(self)
        br = QBrush(QColor(100, 10, 10, 40))
        qp.setBrush(br)
        qp.drawRect(QRect(self.begin, self.end))

   def mousePressEvent(self, event):
       self.begin = event.pos()
       self.end = event.pos()
       QGraphicsPixmapItem.mousePressEvent(self, event)
       self.update()

   def mouseMoveEvent(self, event):
       self.end = event.pos()
       QGraphicsPixmapItem.mouseMoveEvent(self, event)
       self.update()

   def mouseReleaseEvent(self, event):
       self.begin = event.pos()
       self.end = event.pos()
       QGraphicsPixmapItem.mouseReleaseEvent(self, event)
       self.update()   

class LoadPicture(QWidget, Ui_GraphicsArea):
    def __init__(self, pixmap, parent=None):
        QWidget.__init__(self, parent)
        self.setupUi(self)
        self.log = LogObject(self)
        self.PictureArea.setScene(QGraphicsScene())
        self.item = PictureItem(self.log, pixmap)
        self.PictureArea.scene().addItem(self.item)
        self.resize(pixmap.size())

- laxer

---

查看 QRuberband。 - eyllanesc

我今天下午找到了这个问题，但是出于某种原因，我还没有领悟怎样将其融入。我一直得到TypeError错误提示。 - laxer

类型错误：QRubberBand（QRubberBand.Shape，parent: QWidget = None）：参数2具有意外的类型'PictureItem'。 - laxer

Answer 1

为了实现这个功能，我们必须重写QGraphicsView的mouseMoveEvent、mousePressEvent和mouseReleaseEvent方法。为此，我们创建以下文件：

QGraphicsView.py

class GraphicsView(QGraphicsView):
    rectChanged = pyqtSignal(QRect)

    def __init__(self, *args, **kwargs):
        QGraphicsView.__init__(self, *args, **kwargs)
        self.rubberBand = QRubberBand(QRubberBand.Rectangle, self)
        self.setMouseTracking(True)
        self.origin = QPoint()
        self.changeRubberBand = False

    def mousePressEvent(self, event):
        self.origin = event.pos()
        self.rubberBand.setGeometry(QRect(self.origin, QSize()))
        self.rectChanged.emit(self.rubberBand.geometry())
        self.rubberBand.show()
        self.changeRubberBand = True
        QGraphicsView.mousePressEvent(self, event)

    def mouseMoveEvent(self, event):
        if self.changeRubberBand:
            self.rubberBand.setGeometry(QRect(self.origin, event.pos()).normalized())
            self.rectChanged.emit(self.rubberBand.geometry())
        QGraphicsView.mouseMoveEvent(self, event)

    def mouseReleaseEvent(self, event):
        self.changeRubberBand = False
        QGraphicsView.mouseReleaseEvent(self, event)

这个类必须在GraphicsArea_GUI.py中使用，因此我们需要做出以下更改：

self.PictureArea = QtWidgets.QGraphicsView(self.scrollAreaWidgetContents)

to:

from GraphicsView import GraphicsView
[...]
self.PictureArea = GraphicsView(self.scrollAreaWidgetContents)

初始类使用QRubberBand，我们更新其几何形状，因为您想要左上角和右下角位置，我们通过相关QRect发送信号，这个信号连接到一个插槽。

    [...]
    loadPicture.log.MousePixmapSignal.connect(self.updatePixel)
    loadPicture.PictureArea.rectChanged.connect(self.onRectChanged)

def onRectChanged(self, r):
    topLeft = r.topLeft()
    bottomRight = r.bottomRight()
    print(topLeft.x(), topLeft.y(), bottomRight.x(), bottomRight.y())

- eyllanesc

---

太好了！感谢您的回复。我从您的所有帮助中学到了很多。 - laxer