如何使覆盖的 QGraphicsTextItem 可编辑和可移动？

Question

我正在使用 PyQt 并且我正在尝试重新实现QGraphicsTextItem ，但似乎我错过了一些东西。

我想让NodeTag项目的文本可编辑。 我曾尝试设置诸如Qt.TextEditorInteraction和QGraphicsItem.ItemIsMovable 之类的标志，但这些似乎被忽略了......

这是一个最小的可重现示例：

import sys
from PyQt5.QtWidgets import QGraphicsScene, QGraphicsView, QMainWindow, QApplication, QGraphicsItem, QGraphicsTextItem

from PyQt5.QtCore import *
from PyQt5.QtGui import  QPen
    

class NodeTag(QGraphicsTextItem):
    def __init__(self,text):
        QGraphicsTextItem.__init__(self,text)
        self.text = text
        self.setPos(0,0)
        self.setTextInteractionFlags(Qt.TextEditorInteraction)
        # self.setFlag(QGraphicsItem.ItemIsFocusable, True)   # All these flags are ignored...
        # self.setFlag(QGraphicsItem.ItemIsSelectable, True)
        self.setFlag(QGraphicsItem.ItemIsMovable, True)

    def boundingRect(self):
        return QRectF(0,0,80,25)

    def paint(self,painter,option,widget):
        painter.setPen(QPen(Qt.blue, 2, Qt.SolidLine))
        painter.drawRect(self.boundingRect())
        painter.drawText(self.boundingRect(),self.text)
    
    def mousePressEvent(self, event):
        print("CLICK!")
        # self.setTextInteractionFlags(Qt.TextEditorInteraction) # make text editable on click
        # self.setFocus()


class GView(QGraphicsView):
    def __init__(self, parent, *args, **kwargs):
        super().__init__(*args, **kwargs)
        self.parent = parent
        self.setGeometry(100, 100, 700, 450)
        self.show()


class Scene(QGraphicsScene):
    def __init__(self, parent):
        super().__init__(parent)
        self.parent = parent
        tagItem = NodeTag("myText")   # create a NodeTag item
        self.addItem(tagItem)


class MainWindow(QMainWindow):
    def __init__(self):
        super().__init__()  # create default constructor for QWidget
        self.setGeometry(900, 70, 1000, 800)
        self.createGraphicView()
        self.show()

    def createGraphicView(self):
        self.scene = Scene(self)
        gView = GView(self)
        scene = Scene(gView)
        gView.setScene(scene)
        # Set the main window's central widget
        self.setCentralWidget(gView)

# Run program
if __name__ == '__main__':
    app = QApplication(sys.argv)
    window = MainWindow()
    sys.exit(app.exec_())

正如你所看到的，我已经尝试覆盖 mousePressEvent 并在那里设置标志，但到目前为止没有运气。 任何帮助表示赞赏！

Answer 1

尝试一下：

...

        
class NodeTag(QGraphicsTextItem):
    def __init__(self, text, parent=None):
        super(NodeTag, self).__init__(parent)
        self.text = text
        self.setPlainText(text)

        self.setFlag(QGraphicsItem.ItemIsMovable)
        self.setFlag(QGraphicsItem.ItemIsSelectable)

    def focusOutEvent(self, event):
        self.setTextInteractionFlags(QtCore.Qt.NoTextInteraction)
        super(NodeTag, self).focusOutEvent(event)

    def mouseDoubleClickEvent(self, event):
        if self.textInteractionFlags() == QtCore.Qt.NoTextInteraction:
            self.setTextInteractionFlags(QtCore.Qt.TextEditorInteraction)
        super(NodeTag, self).mouseDoubleClickEvent(event)
       
    def paint(self,painter,option,widget):
        painter.setPen(QPen(Qt.blue, 2, Qt.SolidLine))
        painter.drawRect(self.boundingRect())
#        painter.drawText(self.boundingRect(),self.text)
        super().paint(painter, option, widget)
 ...

Answer 2

所有 QGraphicsItem 子类都有一个paint方法，并且所有绘制某些内容的项目都覆盖了该方法，以便它们可以实际绘制自己。

该机制是一样的标准QWidgets，对其中有一个paintEvent （不同的是， paint的QGraphicsItem的接收已经实例化了QPainter），因此，如果您想进一步做画比类已经提供，基本实现必须等叫做。

考虑到绘画总是从下到上发生，所以所有需要在基础绘画后面绘制的东西都必须在调用super().paint()之前完成，并且所有将要绘制在默认绘画前面的东西都有之后放置。

根据情况，覆盖可能需要调用默认的基本实现，这对于boundingRect也很重要。 QGraphicsTextItem 在内容改变时会自动调整大小，所以你不应该总是返回一个固定的 QRect。 如果需要最小尺寸，解决方案是将最小矩形与默认boundingRect()函数提供的矩形合并。

然后，在 QGraphicsTextItem 上的编辑发生在项目获得焦点时，但由于您还希望能够移动项目，事情变得更加棘手，因为这两个操作都基于鼠标点击。 如果您希望能够通过单击来编辑文本，解决方案是仅在释放鼠标按钮并且没有移动一定数量的像素（startDragDistance()属性）时才使项目可编辑，否则项目随鼠标移动。 这显然使ItemIsMovable标志无用，因为我们将在内部处理移动。

最后，由于提供了最小尺寸，我们还需要覆盖shape()方法以确保正确映射碰撞和点击，并返回包含整个边界矩形的 QPainterPath（对于应该是默认值的普通 QGraphicsItem行为，但 QGraphicsRectItem 不会发生这种情况）。

这是上述内容的完整实现：

class NodeTag(QGraphicsTextItem):
    def __init__(self, text):
        QGraphicsTextItem.__init__(self, text)
        self.startPos = None
        self.isMoving = False
        # the following is useless, not only because we are leaving the text
        # painting to the base implementation, but also because the text is 
        # already accessible using toPlainText() or toHtml()
        #self.text = text
        # this is unnecessary too as all new items always have a (0, 0) position
        #self.setPos(0, 0)

    def boundingRect(self):
        return super().boundingRect() | QRectF(0, 0, 80, 25)

    def paint(self, painter, option, widget):
        # draw the border *before* (as in "behind") the text
        painter.setPen(QPen(Qt.blue, 2, Qt.SolidLine))
        painter.drawRect(self.boundingRect())
        super().paint(painter, option, widget)

    def shape(self):
        shape = QPainterPath()
        shape.addRect(self.boundingRect())
        return shape

    def focusOutEvent(self, event):
        # this is required in order to allow movement using the mouse
        self.setTextInteractionFlags(Qt.NoTextInteraction)

    def mousePressEvent(self, event):
        if (event.button() == Qt.LeftButton and 
            self.textInteractionFlags() != Qt.TextEditorInteraction):
                self.startPos = event.pos()
        else:
            super().mousePressEvent(event)

    def mouseMoveEvent(self, event):
        if self.startPos:
            delta = event.pos() - self.startPos
            if (self.isMoving or 
                delta.manhattanLength() >= QApplication.startDragDistance()):
                    self.setPos(self.pos() + delta)
                    self.isMoving = True
                    return
        super().mouseMoveEvent(event)

    def mouseReleaseEvent(self, event):
        if (not self.isMoving and 
            self.textInteractionFlags() != Qt.TextEditorInteraction):
                self.setTextInteractionFlags(Qt.TextEditorInteraction)
                self.setFocus()
                # the following lines are used to correctly place the text 
                # cursor at the mouse cursor position
                cursorPos = self.document().documentLayout().hitTest(
                    event.pos(), Qt.FuzzyHit)
                textCursor = self.textCursor()
                textCursor.setPosition(cursorPos)
                self.setTextCursor(textCursor)

        super().mouseReleaseEvent(event)
        self.startPos = None
        self.isMoving = False

作为旁注，请记住 QGraphicsTextItem 支持富文本格式，因此即使您想对文本绘制过程进行更多控制，也不应使用QPainter.drawText() ，因为您只会绘制纯文本。 实际上， QGraphicsTextItem 使用底层文本文档的drawContents()函数绘制其内容。