QGraphicsLayout - 项目之间意外的额外间距

时间:2013-07-03 14:00:46

标签: qt layout user-interface pyqt

我正在使用 QGraphics Framework 来编写一些原型。我在模拟常规布局方面遇到了麻烦。

这两个小部件之间有很大的间距,但我已经将所有可能的间距设置为0。如需说明,请使用 Awesome Windows Manager,以便窗口周围没有任何边框。

Simple Prototype with unwanted extra space

这是我的代码(抱歉,它应该更短):

import sys
from PyQt4 import QtCore, QtGui
from PyQt4.QtCore import Qt


class PixmapLayoutItem(QtGui.QGraphicsLayoutItem):

    def __init__(self, image, parent=None):
        super(PixmapLayoutItem, self).__init__(parent)
        self.pixmapItem = QtGui.QGraphicsPixmapItem()
        self.pixmapItem.setPixmap(QtGui.QPixmap(image))
        self.setGraphicsItem(self.pixmapItem)
        print(self.pixmapItem.boundingRect().size(),
              self.pixmapItem.pixmap().size())

    def sizeHint(self, which, constraint=QtCore.QSizeF()):
        return self.pixmapItem.boundingRect().size()

    def setGeometry(self, rect):
        self.pixmapItem.setPos(rect.topLeft())


class TextLayoutItem(QtGui.QGraphicsLayoutItem):

    def __init__(self, text, parent=None):
        super(TextLayoutItem, self).__init__(parent)
        self.textItem = QtGui.QGraphicsTextItem()
        self.textItem.setHtml(text)
        self.setGraphicsItem(self.textItem)
        print(self.textItem.boundingRect().size())

    def sizeHint(self, which, constraint=QtCore.QSizeF()):
        return self.textItem.boundingRect().size()

    def setGeometry(self, rect):
        self.textItem.setPos(rect.topLeft())


class MainWindow(QtGui.QGraphicsView):

    def __init__(self, parent=None):
        super(MainWindow, self).__init__(parent)

        mainLayout = QtGui.QGraphicsLinearLayout()
        mainLayout.setSpacing(0)

        avatar = self._avatar()
        mainLayout.addItem(avatar)
        mainLayout.setAlignment(avatar, Qt.AlignCenter)

        text = self._text()
        mainLayout.addItem(text)
        mainLayout.setAlignment(text, Qt.AlignCenter)

        mainWidget = QtGui.QGraphicsWidget()
        mainWidget.setLayout(mainLayout)

        scene = QtGui.QGraphicsScene()
        scene.addItem(mainWidget)
        self.setScene(scene)

    @staticmethod
    def _avatar():
        pixmap = PixmapLayoutItem("./avatar.jpg")
        text = TextLayoutItem("Hello, world!")

        avatarLayout = QtGui.QGraphicsLinearLayout()
        avatarLayout.setOrientation(Qt.Vertical)
        avatarLayout.setSpacing(0)

        avatarLayout.addItem(pixmap)
        avatarLayout.setAlignment(pixmap, Qt.AlignCenter)

        avatarLayout.addItem(text)
        avatarLayout.setAlignment(text, Qt.AlignCenter)

        avatarWidget = QtGui.QGraphicsWidget()
        avatarWidget.setWindowFrameMargins(0, 0, 0, 0)
        avatarWidget.setContentsMargins(0, 0, 0, 0)
        avatarWidget.setLayout(avatarLayout)

        return avatarWidget

    @staticmethod
    def _text():
        text = TextLayoutItem("UNIX - Where is a shell, where is a way.")
        return text


if __name__ == "__main__":
    App = QtGui.QApplication(sys.argv)
    main = MainWindow()
    main.show()
    App.exec()

我不知道问题的根源是什么。

感谢。

1 个答案:

答案 0 :(得分:1)

更改_avatar功能中的行:

avatarWidget.setContentsMargins(0, 0, 0, 0)

avatarLayout.setContentsMargins(0, 0, 0, 0)

间距将来自: this

到此:

this

不知道这对你来说是否足够小,但它会失去大部分差距。

<强>更新

使用较小的像素映射,您会看到图像与UNIX文本之间存在差距,因为“Hello world!”文本比pixmap宽(我突出了黑色的头像小部件边框):

缩短文字会使头像小部件更小,并且会失去明显的差距: