python - 如何在 QGraphicsScene 中定位和锚定文本？

Question

所以我有这个小代码片段:

#!/usr/bin/env python
# -*- coding: utf-8 -*-

import sys

from PyQt5 import (QtWidgets as qtw, QtCore as qtc, QtGui as qtg)
import qdarkstyle
style = qdarkstyle.load_stylesheet_pyqt5()

class Scene(qtw.QGraphicsScene):
    """
    contains data
    """

    gridSize = (10, 10)
    rectSize = 30

    def __init__(self, parent, ):

        super(Scene, self).__init__(parent)
        self.setSceneRect(0, 0, 600, 400)
        self.createGrid(*self.gridSize)

    def createGrid(self, height, width):
        rectSize = self.rectSize

        self.fields = [
                [self.addRect(
                    rectSize*(1+x), rectSize*(1+y), rectSize, rectSize)
                 for x in range(width)]
                for y in range(height)]

        self.column_ids = [
                self.addText(letter) for letter in
                [chr(65 + i) for i in range(self.gridSize[1])]]
        [x.setPos(rectSize*(1.5 + i), rectSize*.5)
         for i, x in enumerate(self.column_ids)]

        self.row_ids = [
                self.addText(letter) for letter in
                [str(i) for i in range(1, self.gridSize[0])]]
        [x.setPos(rectSize*.5, rectSize*(1.5+i))
         for i, x in enumerate(self.row_ids)]


class View(qtw.QGraphicsView):
    """
    displays data
    """

    def __init__(self, parent=None, scene=None):

        super(View, self).__init__(parent)

        self.setScene(Scene(self))
        self.setMouseTracking(True)


if __name__ == '__main__':
    app = qtw.QApplication(sys.argv)
    app.setStyleSheet(style)
    widget = qtw.QWidget()
    playerView = View(widget)
    widget.setGeometry(300, 300, 400, 300)
    widget.show()

    sys.exit(app.exec_())

它创建一个 QGraphicScene，添加一些矩形，以便它们形成一个网格，然后写入一些文本来标识网格的行和列。

当我设置row_id和column_id的位置时，它似乎是文本边框左上角的位置。

我想要的是文本框的中心与网格的行/列中的矩形中心对齐。

即结果应该是这样的:

___|_A_|_B_|_C_|_D_|_E_|___
   |   |   |   |   |   |
 1 |   |   |   |   |   |
___|___|___|___|___|___|___
   |   |   |   |   |   |
 2 |   |   |   |   |   |
___|___|___|___|___|___|___

但是我目前得到的更像是这样:

___|__A|__B|__C|__D|__E|___
   |   |   |   |   |   |
   |   |   |   |   |   |
__1|___|___|___|___|___|___
   |   |   |   |   |   |
   |   |   |   |   |   |
__3|___|___|___|___|___|___

我搜索了 QGraphicsScene.addText 和 QTextItem 的文档，以找到一种将 setPos 方法的 anchor 设置为居中或类似内容的方法，但找不到任何内容。

我可能只能获得文本数的边界框的大小，并减去一半的位置以获得正确的结果，但这似乎是一个黑客，我更喜欢直接定位文本中心的中心。

Answer 1

通过减去中心来设置文本项的位置并不是黑客，它是唯一(或者至少是最简单)的解决方案。

如文档所示，项目始终使用左上角设置的坐标进行定位，就像所有 QGraphicsItems(实际上是所有 QWidget)一样。

因此，定位它们的正确方法是从要放置项目的位置减去boundingRect中心。我建议您避免像您一样使用列表理解:没有性能优势，而且会降低代码的可读性。

    self.column_ids = []
    for i in range(self.gridSize[1]):
        letter = chr(65 + i)
        pos = qtc.QPointF(rectSize * (1.5 + i), rectSize * .5)
        item = self.addText(letter)
        item.setPos(pos - item.boundingRect().center())
        self.column_ids.append(item)

    self.row_ids = []
    for i in range(self.gridSize[0]):
        pos = qtc.QPointF(rectSize * .5, rectSize * (1.5 + i))
        item = self.addText(str(i + 1))
        item.setPos(pos - item.boundingRect().center())
        self.row_ids.append(item)

考虑一下，您还可以创建 QGraphicsTextItem 的子类并重写其 setPos 方法，或者(更好)创建您自己的方法来将其居中。

class CenteredTextItem(qtw.QGraphicsTextItem):
    def centerAt(self, pos):
        self.setPos(pos - self.boundingRect().center())

class Scene(qtw.QGraphicsScene):
    def createGrid(self, height, width):
        # ...
        for i in range(self.gridSize[1]):
            letter = chr(65 + i)
            pos = qtc.QPointF(rectSize * (1.5 + i), rectSize * .5)
            item = CenteredTextItem(letter)
            self.addItem(item)
            item.centerAt(pos)
            self.column_ids.append(item)

        self.row_ids = []
        for i in range(self.gridSize[0]):
            pos = qtc.QPointF(rectSize * .5, rectSize * (1.5 + i))
            item = CenteredTextItem(str(i + 1))
            self.addItem(item)
            item.centerAt(pos)
            self.row_ids.append(item)