QGroupBox标题下榻、显示不全等情况

在使用Qss对QGroupBox进行渲染的时候,经常会遇到QGroupBox的标题出现下榻,显示不全或者不对称等问题。下面截图为例:
QGroupBox标题下榻、显示不全等情况_第1张图片
图1.左边显示有问题
QGroupBox标题下榻、显示不全等情况_第2张图片
图2.下榻情况
QGroupBox标题下榻、显示不全等情况_第3张图片
图3.不对称
以上三种情况均因为对QSS中的top bottom left margin-top等相关属性设置不当引起的。

贴一段QGroupBox的样式表设置代码:

m_GroupBox->setStyleSheet(
          "QGroupBox"
          "{"
          "border: 1px solid white;"
          "border-radius:8px;"
          "margin-top:6px;"
          "}"
          "QGroupBox:title"
          "{"
          "color:white;"
          "subcontrol-origin: margin;"
          "left: 10px;"
          "}"
          );

1.其中margin-top的设置是对标题的竖直方向进行位置移动的,当你的标题的字体大小需要设置时,则会影响到标题的位置,就会出现图2或图3的情况,这时候只需要对margin-top进行调整即可。
2.当出现图1的情况时,则需要对left属性进行相应设置。与之对应的还有right等,都可以一一试试。一般情况,只需要设置一个即可,left或者right选择一个.

你可能感兴趣的:(Qt)