ICode9

精准搜索请尝试: 精确搜索
首页 > 其他分享> 文章详细

Qt样式表:一些常用控件样式

2021-07-30 13:57:49  阅读:167  来源: 互联网

标签:控件 style Qt color #% QScrollBar 样式表 background border


配合 Qt样式表:切换主题 使用

确定按钮:

    QString okBtnStyle = QString("QPushButton{color: #FFFFFF;padding:6px 10px 6px 10px;border-radius:6px;font-weight:bold;background: #%1;}"
                                 "QPushButton:hover{background: #%2;}"
                                 "QPushButton:pressed{background: #%3;}"
                                 "QPushButton:disabled{background: #d8d8d8;}").arg(style_main_color)
                                                                              .arg(style_hover_color)
                                                                              .arg(style_press_color);

 取消按钮:

    QString cancelBtnStyle = "QPushButton{color:#FFFFFF;padding:6px 10px 6px 10px;background-color:#999999;font-weight:bold;border:0px;border-radius:6px;}"
                             "QPushButton:hover{background-color:#BBBBBB;}"
                             "QPushButton:pressed{background-color:#d5d5d5;}";

菜单:

    QString memu_style = QString("QMenu{background-color:#FFFFFF; border:1px solid #%1;}"
                                 "QMenu::item{padding-right:15px;padding-top:5px;padding-bottom:5px;}"
                                 "QMenu::item:checked{border: 1px solid #%2;background: #F2F2F2;}"
                                 "QMenu::item:selected{color:#FFFFFF;background:#%1;}").arg(style_main_color)
                                                                                       .arg(style_hover_color);

下拉框:

    QString combox_style = QString("QComboBox{border-radius: 6px;border: 1px solid #%1;padding:6px 10px 6px 10px;color: #000000;selection-background-color:#%1;}"
                                   "QComboBox::drop-down{border:none;}"
                                   "QComboBox::down-arrow{image: url(:xiala_black.png);border: none;}"
                                   "QComboBox:disabled{background: #d8d8d8;}"
                                   "QComboBox QAbstractItemView{background-color:#FFFFFF;color:#000000;border:1px solid #%1;border-radius:6px;}"
                                   "QComboBox QAbstractItemView::item{selection-background-color: #%1;color:#000000;height:40px;border-radius:6px;}"
                                   "QComboBox QAbstractItemView::item:selected{background-color: #%1;color:#FFFFFF;}"
                                   "QComboBox QScrollBar:vertical{width:10px;background-color:transparent;border:none;border-radius:6px;}"
                                   "QComboBox QScrollBar::handle:vertical{border-radius:6px;width: 10px;background:#%1;}"
                                   "QComboBox QScrollBar::handle:vertical:hover{background:#%2;}"
                                   "QComboBox QScrollBar::add-line:vertical{border:none;}"
                                   "QComboBox QScrollBar::sub-line:vertical{border:none;}").arg(style_main_color)
                                                                                           .arg(style_hover_color);
    QColor c = QColor("#"+style_main_color);
    QString background_transparent = QString("rgba(%1,%2,%3,0.1)").arg(c.red()).arg(c.green()).arg(c.blue());

    QColor item_press = QColor("#" + style_item_select_color);
    QString list_press_color;
    if(item_press.value() < 70)
        list_press_color = "FFFFFF";
    else
        list_press_color = "000000";

QListWidget:

    QString listwidget_style = QString("QListWidget{color: #000000;background-color:%5;border: 1px solid #%1;selection-background-color:#%1;selection-color: #%6;border-radius:6px;}"
                                       "QListWidget::item:hover{color:#000000;background:#%1;}"
                                       "QListWidget::item:selected{color:#%6;background:#%2;}"
                                       "QListWidget QScrollBar:vertical{width:10px;background-color:transparent;border:none;border-radius:6px;}"
                                       "QListWidget QScrollBar::handle:vertical{border-radius:6px;width: 10px;background:#%3;}"
                                       "QListWidget QScrollBar::handle:vertical:hover{background:#%4;}"
                                       "QListWidget QScrollBar::add-line:vertical{border:none;}"
                                       "QListWidget QScrollBar::sub-line:vertical{border:none;}"
                                       "QListWidget QScrollBar:horizontal{height:10px;background-color:transparent;border:none;border-radius:6px;}"
                                       "QListWidget QScrollBar::handle:horizontal{border-radius:6px;width: 10px;background:#%3;}"
                                       "QListWidget QScrollBar::handle:horizontal:hover{background:#%4;}"
                                       "QListWidget QScrollBar::add-line:horizontal{border:none;}"
                                       "QListWidget QScrollBar::sub-line:horizontal{border:none;}").arg(style_item_hover_color)
                                                                                                   .arg(style_item_select_color)
                                                                                                   .arg(style_main_color)
                                                                                                   .arg(style_hover_color)
                                                                                                   .arg(background_transparent)
                                                                                                   .arg(list_press_color);

QScrollArea: 

    QString scrollBar_style = QString("QScrollArea{background-color:transparent;}"
                                      "QScrollBar:vertical{width:10px;background-color:transparent;border:none;border-radius:6px;}"
                                      "QScrollBar::handle:vertical{border-radius:6px;width: 10px;background:#%1;}"
                                      "QScrollBar::handle:vertical:hover{background:#%2;}"
                                      "QScrollBar::add-line:vertical{border:none;}"
                                      "QScrollBar::sub-line:vertical{border:none;}"
                                      "QScrollBar:horizontal{height:10px;background-color:transparent;border:none;border-radius:6px;}"
                                      "QScrollBar::handle:horizontal{border-radius:6px;width: 10px;background:#%1;}"
                                      "QScrollBar::handle:horizontal:hover{background:#%2;}"
                                      "QScrollBar::add-line:horizontal{border:none;}"
                                      "QScrollBar::sub-line:horizontal{border:none;}").arg(style_main_color)
                                                                                      .arg(style_hover_color);

输入框:

            QString line_style = QString("QLineEdit{border-radius: 6px;border: 1px solid #%1;padding:3px 0px 3px 6px;color: #000000;selection-background-color:#%1;}"
                                         "QLineEdit:disabled{background:#d8d8d8;}").arg(style_main_color);

文本框:

    QString textedit_style = QString("QTextEdit{border-radius: 6px;border: 1px solid #%1;padding:3px 0px 3px 6px;color: #000000;selection-background-color:#%1;}"
                                     "QTextEdit:disabled{background:#d8d8d8;}"
                                     "QTextEdit QScrollArea{background-color:transparent;}"
                                     "QTextEdit QScrollBar:vertical{width:10px;background-color:transparent;border:none;border-radius:6px;}"
                                     "QTextEdit QScrollBar::handle:vertical{border-radius:6px;width: 10px;background:#%1;}"
                                     "QTextEdit QScrollBar::handle:vertical:hover{background:#%2;}"
                                     "QTextEdit QScrollBar::add-line:vertical{border:none;}"
                                     "QTextEdit QScrollBar::sub-line:vertical{border:none;}"
                                     "QTextEdit QScrollBar:horizontal{height:10px;background-color:transparent;border:none;border-radius:6px;}"
                                     "QTextEdit QScrollBar::handle:horizontal{border-radius:6px;width: 10px;background:#%1;}"
                                     "QTextEdit QScrollBar::handle:horizontal:hover{background:#%2;}"
                                     "QTextEdit QScrollBar::add-line:horizontal{border:none;}"
                                     "QTextEdit QScrollBar::sub-line:horizontal{border:none;}"
                                     "QTextEdit QMenuBar::item{background-color:#FFFFFF;}"
                                     "QTextEdit QMenu::separator{background-color:#FFFFFF;}"
                                     "QTextEdit QMenu{background-color:#FFFFFF; border:1px solid #%1;}"
                                     "QTextEdit QMenu::item{background-color:#FFFFFF;color:#%1;}"
                                     "QTextEdit QMenu::item:selected{color:#FFFFFF;background:#%1;}").arg(style_main_color)
                                                                                                     .arg(style_hover_color);

 QDoubleSpinBox:

    QString DoubleSpinBox_style = QString("QDoubleSpinBox{border-radius: 6px;border: 1px solid #%1;padding:3px 0px 3px 6px;color: #000000;selection-background-color:#%1;}"
                                          "QDoubleSpinBox:disabled{background:#d8d8d8;}"
                                          "QDoubleSpinBox QMenuBar::item{background-color:#FFFFFF;}"
                                          "QDoubleSpinBox QMenu::separator{background-color:#FFFFFF;}"
                                          "QDoubleSpinBox QMenu{background-color:#FFFFFF; border:1px solid #%1;}"
                                          "QDoubleSpinBox QMenu::item{background-color:#FFFFFF;color:#%1;}"
                                          "QDoubleSpinBox QMenu::item:selected{color:#FFFFFF;background:#%1;}").arg(style_main_color);    

QSpinBox: 

    QString SpinBox_style = QString("QSpinBox{border-radius: 6px;border: 1px solid #%1;padding:3px 0px 3px 6px;color: #000000;selection-background-color:#%1;}"
                                    "QSpinBox:disabled{background:#d8d8d8;}").arg(style_main_color);

 进度条:

    QString ProgressBar_style = QString("QProgressBar{border-radius: 6px;text-align: center;border: 1px solid #%1;}"
                                        "QProgressBar::chunk{width: 5px;margin: 0.5px;background-color:#%1;}").arg(style_main_color);

QTableView: 

    QString tablview_style = QString("QTableView{color: #000000;background-color:%5;border:0px;selection-background-color:#%1;selection-color: #%6;gridline-color:#D8D8D8;border-radius:6px;}"
                                     "QTableView::item:hover{background-color:#%2;}"
                                     "QTableView QScrollBar:vertical{width:10px;background-color:transparent;border:none;border-radius:6px;}"
                                     "QTableView QScrollBar::handle:vertical{border-radius:6px;width: 10px;background:#%3;}"
                                     "QTableView QScrollBar::handle:vertical:hover{background:#%4;}"
                                     "QTableView QScrollBar::add-line:vertical{border:none;}"
                                     "QTableView QScrollBar::sub-line:vertical{border:none;}"
                                     "QTableView QScrollBar:horizontal{height:10px;background-color:transparent;border:none;border-radius:6px;}"
                                     "QTableView QScrollBar::handle:horizontal{border-radius:6px;width: 10px;background:#%3;}"
                                     "QTableView QScrollBar::handle:horizontal:hover{background:#%4;}"
                                     "QTableView QScrollBar::add-line:horizontal{border:none;}"
                                     "QTableView QScrollBar::sub-line:horizontal{border:none;}").arg(style_item_select_color)
                                                                                                .arg(style_item_hover_color)
                                                                                                .arg(style_main_color)
                                                                                                .arg(style_hover_color)
                                                                                                .arg(background_transparent)
                                                                                                .arg(list_press_color);

QTableWidget: 

    QString tabwidget_style = QString("QTableWidget{background-color:%5;border: 1px solid #%1;selection-background-color:#%1;gridline-color:#D8D8D8;border-radius:6px;}"
                                      "QTableWidget::item{color: #000000;height:40px;}"
                                      "QTableWidget::item:hover{background-color:#%2;}"
                                      "QTableWidget::item:selected{color:#%6;background:#%1;border: 1px solid #%1;}"
                                      "QTableWidget QScrollBar:vertical{width:10px;background-color:transparent;border:none;border-radius:6px;}"
                                      "QTableWidget QScrollBar::handle:vertical{border-radius:6px;width: 10px;background:#%3;}"
                                      "QTableWidget QScrollBar::handle:vertical:hover{background:#%4;}"
                                      "QTableWidget QScrollBar::add-line:vertical{border:none;}"
                                      "QTableWidget QScrollBar::sub-line:vertical{border:none;}"
                                      "QTableWidget QScrollBar:horizontal{height:10px;background-color:transparent;border:none;border-radius:6px;}"
                                      "QTableWidget QScrollBar::handle:horizontal{border-radius:6px;width: 10px;background:#%3;}"
                                      "QTableWidget QScrollBar::handle:horizontal:hover{background:#%4;}"
                                      "QTableWidget QScrollBar::add-line:horizontal{border:none;}"
                                      "QTableWidget QScrollBar::sub-line:horizontal{border:none;}").arg(style_item_select_color)
                                                                                                    .arg(style_item_hover_color)
                                                                                                    .arg(style_main_color)
                                                                                                    .arg(style_hover_color)
                                                                                                    .arg(background_transparent)
                                                                                                    .arg(list_press_color);

QTreeView: 

    QString treeview_style = QString("QTreeView{background-color:%1;border-radius:6px;}"
                                     "QTreeView::item{color:#000000;height:40px;}"
                                     "QTreeView::item:hover{background-color:#%2;}"
                                     "QTreeView::item:selected{background-color:#%3;color:#%6;}"
                                     "QTreeView::indicator{width:%7px;height:%7px;}"
                                     "QTreeView::indicator:checked {image: url(:cbox_checked.png);}"
                                     "QTreeView::indicator:unchecked {image:url(:cbox.png);}"
                                     "QTreeView QScrollBar:vertical{width:10px;background-color:transparent;border:none;border-radius:6px;}"
                                     "QTreeView QScrollBar::handle:vertical{border-radius:6px;width: 10px;background:#%4;}"
                                     "QTreeView QScrollBar::handle:vertical:hover{background:#%5;}"
                                     "QTreeView QScrollBar::add-line:vertical{border:none;}"
                                     "QTreeView QScrollBar::sub-line:vertical{border:none;}"
                                     "QTreeView QScrollBar:horizontal{height:10px;background-color:transparent;border:none;border-radius:6px;}"
                                     "QTreeView QScrollBar::handle:horizontal{border-radius:6px;width: 10px;background:#%4;}"
                                     "QTreeView QScrollBar::handle:horizontal:hover{background:#%5;}"
                                     "QTreeView QScrollBar::add-line:horizontal{border:none;}"
                                     "QTreeView QScrollBar::sub-line:horizontal{border:none;}"
                                     "QTreeView::branch:hover{background-color:#%2;}"
                                     "QTreeView::branch::selected{background-color:#%3;}"
                                     "QTreeView::branch:has-siblings:!adjoins-item {border-image: url(vline.png) 0;}"
                                     "QTreeView::branch:has-siblings:adjoins-item {border-image: url(branch-more.png) 0;}"
                                     "QTreeView::branch:!has-children:!has-siblings:adjoins-item {border-image: url(branch-end.png) 0;}"
                                     "QTreeView::branch:has-children:!has-siblings:closed,"
                                     "QTreeView::branch:closed:has-children:has-siblings {border-image: none;image: url(:添加展开.png);}"
                                     "QTreeView::branch:open:has-children:!has-siblings,"
                                     "QTreeView::branch:open:has-children:has-siblings  {border-image: none;image: url(:添加收起.png);}").arg(background_transparent)
                                                                                                                                        .arg(style_item_hover_color)
                                                                                                                                        .arg(style_item_select_color)
                                                                                                                                        .arg(style_main_color)
                                                                                                                                        .arg(style_hover_color)
                                                                                                                                        .arg(list_press_color)
                                                                                                                                        .arg(20);

QMenuBar: 

    QString menubar_style = QString("QMenuBar::item:enabled:selected {background: #%1;color:#ffffff;}").arg(style_press_color);

QTabWidget: 

    QString tabWidget_style = QString("QTabBar::tab{min-width: 80px;min-height: 25px;color:#000000;margin-right:1px;border: 1px solid #D9D9D9;border-left: none;border-right: none;border-top: none;background:#FFFFFF;}"
                                      "QTabBar::tab:selected,QTabBar::tab:hover{border-style:solid;border-color:#%1;}"
                                      "QTabBar::tab:top,QTabBar::tab:bottom{padding:3px 8px 3px 8px;}"
                                      "QTabBar::tab:left,QTabBar::tab:right{padding:8px 3px 8px 3px;}"
                                      "QTabBar::tab:top:selected,QTabBar::tab:top:hover{border-width:2px 0px 0px 0px;}"
                                      "QTabBar::tab:right:selected,QTabBar::tab:right:hover{border-width:0px 0px 0px 2px;}"
                                      "QTabBar::tab:bottom:selected,QTabBar::tab:bottom:hover{border-width:0px 0px 2px 0px;}"
                                      "QTabBar::tab:left:selected,QTabBar::tab:left:hover{border-width:0px 2px 0px 0px;}"
                                      "QTabBar::tab:top:selected,QTabBar::tab:top:hover,QTabBar::tab:bottom:selected,QTabBar::tab:bottom:hover{border-left-width:1px;border-left-color:#D9D9D9;border-right-width:1px;border-right-color:#D9D9D9;}"
                                      "QTabBar::tab:first:top:selected,QTabBar::tab:first:top:hover,QTabBar::tab:first:bottom:selected,QTabBar::tab:first:bottom:hover{border-left-width:1px;border-left-color:#D9D9D9;border-right-width:1px;border-right-color:#D9D9D9;}"
                                      "QTabBar::tab:first:left:selected,QTabBar::tab:first:left:hover,QTabBar::tab:first:right:selected,QTabBar::tab:first:right:hover{border-top-width:1px;border-top-color:#D9D9D9;border-bottom-width:1px;border-bottom-color:#D9D9D9;}"
                                      "QTabBar::tab:last:top:selected,QTabBar::tab:last:top:hover,QTabBar::tab:last:bottom:selected,QTabBar::tab:last:bottom:hover{border-left-width:1px;border-left-color:#D9D9D9;border-right-width:1px;border-right-color:#D9D9D9;}"
                                      "QTabBar::tab:last:left:selected,QTabBar::tab:last:left:hover,QTabBar::tab:last:right:selected,QTabBar::tab:last:right:hover{border-top-width:1px;border-top-color:#D9D9D9;border-bottom-width:1px;border-bottom-color:#D9D9D9;}").arg(style_main_color);

QCheckBox: 

    QString style_checkbox = QString("QCheckBox{color:#000000;font-size:%1px;}"
                                     "QCheckBox::indicator{width:%1px;height:%1px;}"
                                     "QCheckBox::indicator:unchecked{image:url(:cbox.png);}"
                                     "QCheckBox::indicator:checked{image: url(:cbox_checked.png);}").arg(20);

QRadioButton: 

    QString radio_style = QString("QRadioButton {font-size:%1px;}"
                                  "QRadioButton::indicator {width:%1px;height:%1px;}"
                                  "QRadioButton::indicator:unchecked {image: url(:rbt.png);}"
                                  "QRadioButton::indicator:checked {image: url(:rbt_checked.png);}").arg(20);

标签:控件,style,Qt,color,#%,QScrollBar,样式表,background,border
来源: https://blog.csdn.net/kenfan1647/article/details/119245295

本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享;
2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关;
3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关;
4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除;
5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有