QT开发之QSS控件

最新推荐文章于 2023-07-25 16:18:43 发布

大树学长

最新推荐文章于 2023-07-25 16:18:43 发布

阅读量361

点赞数

分类专栏： Qt（跨平台：PC端+MAC端）

本文链接：https://blog.csdn.net/bigtree_mfc/article/details/103582863

版权

Qt（跨平台：PC端+MAC端）专栏收录该内容

74 篇文章 7 订阅

订阅专栏

1、多选按钮


        ui->checkBox->setStyleSheet("QCheckBox {"
                                       "spacing: 5px;"
                                       "font-size: 14px;"
                                       "color: rgb(24, 220, 88);}"
                                    "QCheckBox::indicator { "
                                       "width: 16px;"
                                       "height: 16px;}"
                                    // 未选中时正常状态
                                   "QCheckBox::indicator::unchecked {"   
                                       "image: url(:/1.png);}"
                                    // 未选中时，鼠标悬停时的状态
                                   "QCheckBox::indicator:unchecked:hover {"   
                                       "image: url(:/2.png);}"
                                    //未选中时，按下时的状态
                                   "QCheckBox::indicator:unchecked:pressed {"   
                                       "image: url(:/3.png);}"
                                    // 选中时的状态
                                   "QCheckBox::indicator::checked {"   
                                       "image: url(:/4.png);}"
                                    // 选中时，鼠标悬停状态
                                  "QCheckBox::indicator:checked:hover {"   
                                       "image: url(:/5.png);}"
                                    // 选中时，鼠标下按时的状态
                                   "QCheckBox::indicator:checked:pressed {" 
                                       "image: url(:/6.png);}"
        );

单选按钮将QCheckBox替换为QRadioButton

2、进度条

ui->progressBar->setStyleSheet(
                "QProgressBar {"
                   "text-align: center;"//字位置
                   "background-color: #FFFFFF;"//背景颜色
                   "height:1;"
                "}"

                "QProgressBar::chunk {"
                   "background-color: rgb(146, 52, 255);"//进度颜色
                "}");

3、滚动条，宏定义

#define LIST_WIDGET "QScrollBar:vertical""{""width:18px;""background:rgba(0,0,0,0%);""margin:0px,0px,0px,0px;""padding-top:0px;""padding-bottom:0px;""padding-left:5px;""padding-right:5px;""}""QScrollBar::handle:vertical""{""width:8px;""background:rgba(128,128,128,100%);"" border-radius:4px;""min-height:20;""}""QScrollBar::handle:vertical:hover""{""width:8px;""background:rgba(162,162,162,100%);""border-radius:4px;""min-height:20;""}""QScrollBar::add-line:vertical""{""height:9px;width:8px;""border-image:url(:/images/a/3.png);""subcontrol-position:bottom;""}""QScrollBar::sub-line:vertical""{""height:9px;width:8px;""border-image:url(:/images/a/1.png);""subcontrol-position:top;""}""QScrollBar::add-line:vertical:hover""{""height:9px;width:8px;""border-image:url(:/images/a/4.png);""subcontrol-position:bottom;""}""QScrollBar::sub-line:vertical:hover""{""height:9px;width:8px;""border-image:url(:/images/a/2.png);""subcontrol-position:top;""}""QScrollBar::add-page:vertical,QScrollBar::sub-page:vertical""{""background:rgba(77,77,77,100%);""border-radius:4px;""}"

4、菜单

pMenu->setStyleSheet(
        "QMenu{"
            "background-color: rgba(39,40,44,1);"
            "color:rgba(172,172,172,1);" // sets background of the menu 设置整个菜单区域的背景色，我用的是白色：white
            "border: 1px solid black;"//整个菜单区域的边框粗细、样式、颜色
        "}"

        "QMenu::item {"
            "background-color: transparent;"
            "padding:4px 32px;"//设置菜单项文字上下和左右的内边距，效果就是菜单中的条目左右上下有了间隔
            "margin:0px 0px;"//设置菜单项的外边距
            "border: 0px solid transparent;"
        "}"

        "QMenu::item:disabled {"
            "color: #666666;"
        "}"

        "QMenu::item:selected {"
            "background-color: #404347;"//这一句是设置菜单项鼠标经过选中的样式
            "color:rgb(255,255,255);"
        "}"

        "QMenu::item:checked {"
            /*"background-color: #404347;"*///这一句是设置菜单项鼠标经过选中的样式
            "color:rgb(57,183,165);"
        "}"
    );