且构网

分享程序员开发的那些事...
且构网 - 分享程序员编程开发的那些事

Qt QGroupBox StyleSheet 边框设置

更新时间:2022-08-12 21:07:38

/****************************************************************************
 *                    Qt QGroupBox StyleSheet 边框设置
 * 声明:
 *     之前陈颖奇问到这个效果要怎么做出来,查了点资料后直接给他了,自己没有
 * 进行相关测试,现在貌似自己要用到这个功能,于是再次查资料并自己验证其功能
 * 效果。
 *
 *                                        2015-12-25 深圳 南山平山村 曾剑锋
 ***************************************************************************/

一、参考文档:
    1. Qt Style Sheets Examples
        http://doc.qt.io/qt-4.8/stylesheet-examples.html
    2. 解决linux环境下qt groupbox 边框不显示问题
        http://www.bubuko.com/infodetail-309027.html

二、解决方案:
    1. 在QGroupBox控件右键;
    2. 选择 Change styleSheet... 选项卡;
    3. 在文本框里输入(可以通过对话框上面的Add Resource、Add Gradient、Add
        Color、Add Font快速添加属性):
        QGroupBox {
            border-color: rgb(156, 156, 156);
            border-width: 1px;
            border-style: solid;
            margin-top: 0.5ex;
        }
        QGroupBox::title {
            subcontrol-origin: margin;
            subcontrol-position: top left;
            left: 10px;
            margin-left: 2px;
            padding: 0  0px;
        }
    4. 点击OK按钮;
    5. 确认效果。