首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >QGroupBox标题垂直对齐

QGroupBox标题垂直对齐
EN

Stack Overflow用户
提问于 2016-06-28 22:46:52
回答 1查看 811关注 0票数 2

我的UI中有QGroupBox。基本样式是2px宽度的边框,边框半径和标题垂直居中。

我在样式表中使用了以下样式(在.qrc中,使用app->setStylesheet在main中应用):

代码语言:javascript
复制
QGroupBox {
    border: 1px solid #22a4bc;
    border-radius: 0px;
}

QGroupBox::title {
    subcontrol-origin: margin;
    subcontrol-position: top; /* position at the top center */
}

问题是,标题现在下降了几个像素,实际上在分组框中的元素上。

我想让它居中。我尝试了垂直对齐,子控件对齐,子控件对齐,甚至top:-5px,它实际上将标题居中,但修剪高于边框的文本。我在这里或Qt论坛上没有找到任何解决我的问题的答案。

有谁知道如何将标题的垂直对齐设置为背部居中?(我使用C++,Qt 5.2.1 / msvc2012,Qt Creator 3.6.1 /Windows7)

EN

回答 1

Stack Overflow用户

发布于 2016-06-28 23:10:03

我明白了我的错误:根据方框模型(边距>边框>填充>内容),我的文本的原点在边距中。但我的QGroupBox里没有空白处,所以很奇怪。

我想出了这个风格,它做了我想要的:

代码语言:javascript
复制
QGroupBox {
    border: 1px solid #22a4bc;
    border-radius: 0px;
    padding-top: 10px;
    margin-top: 5px;
}

QGroupBox:title {
    subcontrol-origin: margin;
    subcontrol-position: top center;
    margin-left: 3px;
    margin-right: 3px;
}
票数 2
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/38079435

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档