如何在PyQt5中自定义QGroupBox标题？

Question

这是一段创建简单QGroupBox的代码：

from PyQt5.QtWidgets import (QApplication, QWidget,
                             QGroupBox, QGridLayout)

class QGroupBoxTest(QWidget):
  def __init__(self):
    super().__init__()
    self.initUI()

  def initUI(self):
    gb = QGroupBox()
    gb.setTitle('QGroupBox title')

    appLayout = QGridLayout()
    appLayout.addWidget(gb, 0, 0)
    self.setLayout(appLayout)

    self.setWindowTitle('QGroupBox test window')
    self.setGeometry(300, 300, 300, 200)

if __name__ == "__main__":

  import sys

  app = QApplication(sys.argv)
  test = QGroupBoxTest()
  test.show()

  sys.exit(app.exec_())

这是输出对我来说的样子：

现在假设我想为它添加一些样式，我通过将此行添加到initUI方法来实现：

gb.setStyleSheet("border: 1px solid gray; border-radius: 5px")

这是输出：

从图中可以清楚地看到，标题已经在框架内部结束，现在与框架边框重叠。

所以我实际上有三个问题：

1. 标题为什么会移动？
2. 如何移动它并将其放置在我想要的任何地方（如果可能）？
3. 如果我只想在不指定边框样式属性的情况下舍入边角，该怎么办？ 假设我希望边框样式与第一张照片保持一致，但带有圆角。 我怎么做？

Answer 1

1）可能是默认的QT位置，在第一个图像中使用平台样式，并且它处理边框和标题放置，当您更改样式表时，您覆盖某些内容并且您获得了丑陋的位置。

2）您可以使用QGroupBox:title控件控制“标题”位置，例如：

gb.setStyleSheet('QGroupBox:title {'
                 'subcontrol-origin: margin;'
                 'subcontrol-position: top center;'
                 'padding-left: 10px;'
                 'padding-right: 10px; }')

将导致这样的事情：

3）我的建议是为要更改的样式表属性创建不同的字符串，然后组合它们以创建所需的样式。

Answer 2

即使这个问题已经得到解答，我也会发布我已经想到的关于在PyQt中将样式表应用到小部件的技术，这部分回答了我原来的问题。 我希望有人会发现它很有用。

我认为将样式保存在单独的css（qss）文件中是很好的：

/*css stylesheet file that contains all the style information*/

QGroupBox {
  border: 1px solid black;
  border-radius: 5px;
}

QGroupBox:title{
  subcontrol-origin: margin;
  subcontrol-position: top center;
  padding: 0 3px 0 3px;
}

并且python代码如下所示：

from PyQt5.QtWidgets import (QApplication, QWidget,
                             QGroupBox, QGridLayout)
from PyQt5.QtCore import QFile, QTextStream

class QGroupBoxTest(QWidget):
  def __init__(self):
    super().__init__()
    self.initUI()

  def initUI(self):
    gb = QGroupBox()
    gb.setTitle('QGroupBox title:')

    gb.setStyleSheet(self.getStyleSheet("./styles.qss"))

    appLayout = QGridLayout()
    appLayout.addWidget(gb, 0, 0)
    self.setLayout(appLayout)

    self.setWindowTitle('QGroupBox test window')
    self.setGeometry(300, 300, 300, 300)

  def getStyleSheet(self, path):
    f = QFile(path)
    f.open(QFile.ReadOnly | QFile.Text)
    stylesheet = QTextStream(f).readAll()
    f.close()
    return stylesheet

if __name__ == "__main__":

  import sys

  app = QApplication(sys.argv)
  test = QGroupBoxTest()
  test.show()

  sys.exit(app.exec_())

产生以下输出：