gpt4 book ai didi

qt - 调整 QGroupBox 中的标题位置(使用样式表)

转载 作者:行者123 更新时间:2023-12-02 09:13:53 26 4
gpt4 key购买 nike

我正在尝试设置 QGroupBox 的样式来满足某些设计要求:

enter image description here

注意 - 顶部的组标题应位于左侧,但超过框曲率。

使用以下样式表,我得到下面的图像(如果删除“左”一词,则为第二张图像):

QGroupBox {
font: bold;
border: 1px solid silver;
border-radius: 6px;
margin-top: 6px;
}
QGroupBox::title {
subcontrol-origin: margin;
subcontrol-position: top left; // for second image: top;
padding: 0 2px 0 2px;
}

enter image description here enter image description here

所以,看来我想要的是 subcontrol-position: top left; 但有一个添加的偏移量。我在任何地方都找不到。

添加填充会删除该行,所以这不是我想要的。

我刚才发现了一个选项 - subcontrol-origin: 的另一个选项:

QGroupBox::title {
subcontrol-origin: padding;
subcontrol-position: top left;
padding: -16 12px 0 12px;
}

看起来几乎正确 - 但边框现在穿过了标题。

enter image description here

如何移动组框的标题,使其仍然位于左侧但超过框曲率,并且曲率保持可见,例如在设计中?

最佳答案

应用以下样式:

QGroupBox {
font: bold;
border: 1px solid silver;
border-radius: 6px;
margin-top: 6px;
}

QGroupBox::title {
subcontrol-origin: margin;
left: 7px;
padding: 0px 5px 0px 5px;
}

我得到这样的东西:

enter image description here

关于qt - 调整 QGroupBox 中的标题位置(使用样式表),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/42655988/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com