Qt QSS美化2

其他 2019-03-31 10:00:58 阅读次数: 0 
QTabWidget::pane
{
	border: 1px;
	background:transparent;
}
QTabWidget::tab-bar
{
	background:transparent;
	subcontrol-position:center;
}
 
QTabBar::tab
 
{
min-width:75px;
min-height:55px;
background:transparent;
}
 
QTabBar::tab:selected
 
{
color: rgb(36,197,219);
background:transparent;
}
 
QTabBar::tab:!selected
 
{
color: white;
background:transparent;
}
QTabBar::tab:hover
{
color: rgb(36,197,219);
background:transparent;
}

1.设置QTabWidget 的Tab标签下面窗格的样式 
QTabWidget#tabwidget_DevMang::pane { 
border-top: 3px solid black; 
border-left: 3px solid black; 
background-color: green; 
left:5px; 
right:5px; 
bottom:5px; 
} 
2.设置QTabWidget 的Tab标签所在那一行的样式下 
QTabWidget#tabwidget_DevMang::tab-bar { 
alignment:left; 
top:3px; 
left:5px; 
right:5px; 
} 
3.设置QTabWidget 的Tab标签的样式 
QTabWidget#tabwidget_DevMang QTabBar::tab { 
border-color: black; 
border-width: 3px; 
border-bottom:none; 
border-top-left-radius: 6px; 
border-top-right-radius: 6px; 
background:transparent; 
color:black; 
min-width:30ex; 
min-height:10ex; 
} 
4.设置QTabWidget 的Tab标签在未选中下的鼠标悬停样式 
QTabWidget#tabwidget_DevMang>QTabBar::tab:!selected:hover{ 
width:100px; 
height:24px; 
border:3px solid #C589C3; 
background:rgb(255, 255, 255, 100); 
border-color: black; 
} 
5.设置QTabWidget 的Tab标签选中下的样式 
QTabWidget#tabwidget_DevMang>QTabBar::tab:selected{ 
background:green; 
color:white; 
} 
6.设置QTabWidget 的Tab标签在未选中下的样式 
QTabWidget#tabwidget_DevMang>QTabBar::tab:!selected{ 
background:none; 
color:black; 
border:none; 
} 
7.设置QTabWidget 的已经操作的未被选中下鼠标悬停Tab标签的下一个在未选中下鼠标悬停样式向右的偏移量（如果是right，就是向左的偏移量） 
QTabWidget#tabwidget_DevMang>QTabBar::tab:last:!selected:hover { 
margin-left: 5px; /* the last selected tab has nothing to overlap with on the right */ 
}

7.设置QTabWidget 中有manyTab标签时，需要添加滚动按钮的样式 
QTabBar QToolButton { /* the scroll buttons are tool buttons */ 
border-image: url(:/image/tab_btn_noArrow.png) 1; 
border-width: 1px; 
} 
8.设置QTabWidget 的Tab标签上关闭按钮的样式 
QTabBar::close-button { 
image: url(:/image/close.png); 
subcontrol-origin: padding; 
subcontrol-position: bottom right; 
} 
9.设置QTabWidget 的Tab标签上关闭按钮的鼠标悬停样式 
QTabBar::close-button:hover { 
image: url(:/image/close-hover.png); 
}

QWidget#frmLogin,QWidget#frmPopup,QWidget#frmHostInfo,QWidget#frmLogout,QWidget#frmConfig,QWidget#frmData,QWidget#frmDefence,QWidget#frmHost,QWidget#frmMain,QWidget#frmPwd,QWidget#frmSelect,QWidget#frmMessageBox{
	border:1px solid #4D4D4D;
	border-radius:0px;	
}
 
.QFrame{
	border:1px solid #636363;
	border-radius:5px;
}
 
QWidget#widget_title{
	background: qlineargradient(spread:pad, x1:0, y1:0, x2:0, y2:1, stop:0 #4D4D4D, stop:1 #292929);
}
 
QDialog,QMainWindow{
       background: qlineargradient(spread:pad, x1:0, y1:0, x2:0, y2:1, stop:0 #DBDBDB, stop:1 #969696);
}
 
QMainWindow{
   color: #FCFCFC;
}
 
QLabel#lab_Ico,QLabel#lab_Title{
	border-radius:0px;
	color: #F0F0F0;
	background-color:rgba(0,0,0,0);
	border-style:none;
}
 
QLineEdit {
	border: 1px solid #636363;
	border-radius: 5px;
        padding: 2px;
	background: none;
	selection-background-color: #4D4D4D;
}
 
QLineEdit[echoMode="2"] { 
	lineedit-password-character: 9679; 
}
 
.QGroupBox{
	border: 1px solid #636363;
	border-radius: 5px;
        padding-top: 7px;
}
 
.QDockWidget{
      top: -12px;
      left: 10px;
      color: #F0F0F0;
}
 
QDockWidget::title{
      border-radius:0px;
      background: qlineargradient(spread:pad, x1:0, y1:0, x2:0, y2:1, stop:0 #4D4D4D, stop:1 #292929);
}
 
QDockWidget::close-button{
      image: url(:/style/close.png);
}
 
QDockWidget::float-button{
 
}
 
.QPushButton{
	border-style: none;
	border: 0px;
	color: #F0F0F0;
        padding: 3px;
	min-height: 20px;
	border-radius:5px;
        background: qlineargradient(spread:pad, x1:0, y1:0, x2:0, y2:1, stop:0 #4D4D4D, stop:1 #292929);
}
 
.QPushButton[focusPolicy="0"] {
	border-style: none;
	border: 0px;
	color: #F0F0F0;
	padding: 0px;	
        min-height: 5px;
	border-radius:3px;
	background: qlineargradient(spread:pad, x1:0, y1:0, x2:0, y2:1, stop:0 #4D4D4D, stop:1 #292929); 
}
 
.QPushButton:hover{ 
	background: qlineargradient(spread:pad, x1:0, y1:0, x2:0, y2:1, stop:0 #636363, stop:1 #575757);
}
 
.QPushButton:pressed{ 
	background: qlineargradient(spread:pad, x1:0, y1:0, x2:0, y2:1, stop:0 #4D4D4D, stop:1 #292929);
}
 
QPushButton#btnMenu,QPushButton#btnMenu_Min,QPushButton#btnMenu_Max,QPushButton#btnMenu_Close{
	border-radius:0px;
	color: #F0F0F0;
	background-color:rgba(0,0,0,0);
	border-style:none;
}
 
QPushButton#btnMenu:hover,QPushButton#btnMenu_Min:hover,QPushButton#btnMenu_Max:hover{
	background-color: qlineargradient(spread:pad, x1:0, y1:1, x2:0, y2:0, stop:0 rgba(25, 134, 199, 0), stop:1 #636363);
}
 
QPushButton#btnMenu_Close:hover{
	background-color: qlineargradient(spread:pad, x1:0, y1:1, x2:0, y2:0, stop:0 rgba(238, 0, 0, 128), stop:1 rgba(238, 44, 44, 255));
}
 
QCheckBox {
	spacing: 2px; 
}
 
QCheckBox::indicator {
	width: 20px;
	height: 20px;
}
 
QCheckBox::indicator:unchecked {
        image: url(:/style/checkbox_unchecked.png);
}
 
QCheckBox::indicator:checked {
        image: url(:/style/checkbox_checked.png);
}
 
QRadioButton {
	spacing: 2px;
}
 
QRadioButton::indicator {
	width: 15px; 
	height: 15px; 
}
 
QRadioButton::indicator::unchecked {
        image: url(:/style/radio_normal.png);
}
 
QRadioButton::indicator::checked {
        image: url(:/style/radio_selected.png);
}
 
QComboBox,QDateEdit{
        border-radius: 3px;
        padding: 1px 10px 1px 5px;
        border: 1px solid #636363;
}
 
QComboBox::drop-down,QDateEdit::drop-down {
        subcontrol-origin: padding;
        subcontrol-position: top right;
        width: 15px;
        border-left-width: 1px;
        border-left-style: solid;
        border-top-right-radius: 3px;
        border-bottom-right-radius: 3px;
        border-left-color: #636363;
}
 
QComboBox::down-arrow,QDateEdit::down-arrow {
        image: url(:/downArrow);
}
 
.QDoubleSpinBox,.QSpinBox{
       border-radius: 3px;
       height: 20px;
       padding: 1px 10px 1px 5px;
       border: 1px solid #636363;
}
 
QDoubleSpinBox::up-button,QSpinBox::up-button{
       subcontrol-position:right;
       height: 20px;
       width: 9px;
       border-left-width: 1px;
       border-left-style: solid;
       border-left-color: #636363;
       image: url(:/rightArrow);
}
 
QDoubleSpinBox::down-button,QSpinBox::down-button{
       subcontrol-position:left;
       height: 20px;
       width: 9px;
       border-right-width: 1px;
       border-right-style: solid;
       border-right-color: #636363;
       image: url(:/leftArrow);
}
 
QDoubleSpinBox::up-button:pressed,QSpinBox::up-button:pressed,QDoubleSpinBox::down-button:pressed,QSpinBox::down-button:pressed{
      background: qlineargradient(spread:pad, x1:0, y1:0, x2:0, y2:1, stop:0 #4D4D4D, stop:1 #292929);
}
 
QMenu {
        background-color:#FCFCFC;
        margin: 2px;
        padding: 2px;
}
 
QMenu::item {	
        padding: 5px 25px;
}
 
QMenu::indicator {
	width: 13px;
	height: 13px;
}
 
QMenu::item:selected {
	color: #F0F0F0;
	background: qlineargradient(spread:pad, x1:0, y1:0, x2:0, y2:1, stop:0 #4D4D4D, stop:1 #292929); 
}
 
QMenu::separator {
	height: 1px;
	background: #636363;
}
 
QProgressBar {
	border-radius: 5px;
	text-align: center;
	border: 1px solid #636363;
}
 
QProgressBar::chunk {
	width: 5px; 
	margin: 0.5px;
	background-color: #4D4D4D;
}
 
QSlider::groove:horizontal,QSlider::add-page:horizontal { 
	background: #808080; 
	height: 8px; 
	border-radius: 3px; 
}
 
QSlider::sub-page:horizontal {
	height: 8px; 
	border-radius: 3px;
	background: qlineargradient(spread:pad, x1:0, y1:0, x2:0, y2:1, stop:0 #4D4D4D, stop:1 #292929); 
}
 
QSlider::handle:horizontal {
	width: 13px; 
	margin-top: -3px; 
	margin-bottom: -3px; 
	border-radius: 6px;
	background: qradialgradient(spread:pad, cx:0.5, cy:0.5, radius:0.5, fx:0.5, fy:0.5,stop:0.6 #F0F0F0, stop:0.778409 #636363);
}
 
QSlider::handle:horizontal:hover {
	background: qradialgradient(spread: pad, cx: 0.5, cy: 0.5, radius: 0.5, fx: 0.5, fy: 0.5, stop: 0.6 #F0F0F0,stop:0.778409 #4D4D4D);
}
 
QSlider::groove:vertical,QSlider::sub-page:vertical {
	background:#808080; 
	width: 8px; 
	border-radius: 3px;
}
 
QSlider::add-page:vertical {
	width: 8px;
	border-radius: 3px;
	background: qlineargradient(spread:pad, x1:0, y1:0, x2:0, y2:1, stop:0 #4D4D4D, stop:1 #292929); 
}
 
QSlider::handle:vertical {
	height: 14px; 
	margin-left: -3px;
	margin-right: -3px;
	border-radius: 6px;
	background: qradialgradient(spread: pad, cx: 0.5, cy: 0.5, radius: 0.5, fx: 0.5, fy: 0.5, stop: 0.6 #F0F0F0, stop:0.778409 #636363);
}
 
QSlider::handle:vertical:hover {
	background: qradialgradient(spread: pad, cx: 0.5, cy: 0.5, radius: 0.5, fx: 0.5, fy: 0.5, stop: 0.6 #F0F0F0,stop:0.778409 #4D4D4D);
}
 
QScrollBar:vertical {
	width:10px; 
	background-color:rgba(0,0,0,0%); 
	padding-top:10px; 
	padding-bottom:10px;
}
 
QScrollBar:horizontal {
	height:10px; 
	background-color:rgba(0,0,0,0%); 
	padding-left:10px; padding-right:10px;
}
 
QScrollBar::handle:vertical {
	width:10px;
	background: qlineargradient(spread:pad, x1:0, y1:0, x2:0, y2:1, stop:0 #636363, stop:1 #575757); 
}
 
QScrollBar::handle:horizontal {
	height:10px;
	background: qlineargradient(spread:pad, x1:0, y1:0, x2:0, y2:1, stop:0 #636363, stop:1 #575757); 
}
 
QScrollBar::handle:vertical:hover {
	width:10px;
	background: qlineargradient(spread:pad, x1:0, y1:0, x2:0, y2:1, stop:0 #4D4D4D, stop:1 #292929); 
}
 
QScrollBar::handle:horizontal:hover {
	height:10px;
	background: qlineargradient(spread:pad, x1:0, y1:0, x2:0, y2:1, stop:0 #4D4D4D, stop:1 #292929); 
}
 
QScrollBar::add-line:vertical {
	height:10px;
	width:10px;
	subcontrol-position: bottom; 
	subcontrol-origin: margin;
        border-image:url(:/style/add-line_vertical.png);
}
 
QScrollBar::add-line:horizontal {
	height:10px;
	width:10px;
	subcontrol-position: right;
	subcontrol-origin: margin;
        border-image:url(:/style/add-line_horizontal.png);
}
 
QScrollBar::sub-line:vertical {
	height:10px;
	width:10px;
	subcontrol-position: top; 
	subcontrol-origin: margin;
        border-image:url(:/style/sub-line_vertical.png);
}
 
QScrollBar::sub-line:horizontal {
	height:10px;
	width:10px;
	subcontrol-position: left;
	subcontrol-origin: margin;
        border-image:url(:/style/sub-line_horizontal.png);
}
 
QScrollBar::add-page:vertical,QScrollBar::sub-page:vertical {
	width:10px;
	background: #C0C0C0;
}
 
QScrollBar::add-page:horizontal,QScrollBar::sub-page:horizontal {
	height:10px;
	background: #C0C0C0;
}
 
QScrollArea {
	border: 0px ; 
}
 
QTreeView,QListView,QTableView{
	border: 1px solid #636363; 
	selection-background-color: #4D4D4D;
	selection-color: #F0F0F0;
}
 
QTableView::item:selected, QListView::item:selected, QTreeView::item:selected {
	color: #F0F0F0;
	background: qlineargradient(spread:pad, x1:0, y1:0, x2:0, y2:1, stop:0 #4D4D4D, stop:1 #292929); 
}
 
QTableView::item:hover, QListView::item:hover, QTreeView::item:hover {
	color: #F0F0F0;
	background: qlineargradient(spread:pad, x1:0, y1:0, x2:0, y2:1, stop:0 #636363, stop:1 #575757); 
}
 
QTableView::item, QListView::item, QTreeView::item {
	padding: 5px; 
	margin: 0px; 
}
 
QHeaderView::section {
	padding:3px;
	margin:0px;
	color:#F0F0F0;
	border: 1px solid #F0F0F0;
	background: qlineargradient(spread:pad, x1:0, y1:0, x2:0, y2:1, stop:0 #636363, stop:1 #575757);
}
 
QTabBar::tab {
	border-bottom-left-radius:0px;
	border-bottom-right-radius:0px;
	color: #F0F0F0;
	min-width: 60px;
	min-height: 20px;
	padding: 3px 8px 3px 8px;
	margin:1px;
	background: qlineargradient(spread:pad, x1:0, y1:0, x2:0, y2:1, stop:0 #636363, stop:1 #575757); 
}
 
QTabBar::tab:selected, QTabBar::tab:hover {
	background: qlineargradient(spread:pad, x1:0, y1:0, x2:0, y2:1, stop:0 #4D4D4D, stop:1 #292929); 
}
 
QStatusBar::item {
     border: 1px solid #636363;
     border-radius: 3px;
}

QTabWidget::pane{border-width:5px;border-color:rgb(48, 104, 151);
                                        border-style: outset;background-color: rgb(132, 171, 208);
                                        background: #FFFFFF;} 
QTabWidget::tab-bar{border-width:0px;}
QTabBar::tab{border-bottom-color: #C2C7CB;
                 border-top-left-radius: 0px;
                 border-top-right-radius: 0px;
                 max-width: 175px; min-width:175px; min-height:125px;
                 font:14px Times New Roman;
                     padding: 0px;
                     }
QTabBar::scroller {
                    width:25;
                    border:0;
                    padding: 0px;
                  }
QTabBar::QToolButton::right-arrow {
                                      background-color:rgb(132, 171, 208);
                                      border-width: 0;
                                      background-image: url(:/style/ui_image/AUTO.png);
                                  }
QTabBar::QToolButton::right-arrow:hover {
                                            background-color:rgb(132, 171, 208);
                                            border-width: 0;
                                            background-image: url(:/style/ui_image/AUTO_normal.png);}
                                        
QTabBar::ToolButton::right-arrow:disabled {
                                            background-color:rgb(132, 171, 208);
                                            border-width: 0;
                                            background-image: url(:/style/ui_image/AUTO.png);
                                        }
QTabBar::QToolButton::left-arrow {
                                     background-color:rgb(132, 171, 208);
                                     border-width: 0;
                                     background-image: url(:/style/ui_image/AUTO.png);
                                 }
QTabBar::QToolButton::left-arrow:hover {
                                           background-color:rgb(132, 171, 208);
                                           border-width: 0;
                                           background-image: url(:/style/ui_image/AUTO.png);
                                       }
QTabBar::QToolButton::left-arrow:disabled {
                                           background-color:rgb(132, 171, 208);
                                           border-width: 0;
                                           background-image: url(:/style/ui_image/AUTO.png);
                                       }
QTabBar::tab:first:selected {
                                 margin-left: 30; margin-right: 0;
                                 color: white;
                                     border-image: url(:/style/ui_image/AUTO.png);
                                 }
QTabBar::tab:first:!selected 
                                  color: black;
                                      margin-left: 30; margin-right: 0;
                                      border-image: url(:/style/ui_image/AUTO.png);
                                  }
QTabBar::tab:first:hover:!selected {
                                        color: black;
                                            margin-left: 30; margin-right: 0;
                                            border-image: url(:/images/tab/hover3.png);
                                        }
QTabBar::tab:middle:selected {
                                  margin-top: 0; margin-left: -15; margin-right: 8;
                                  color: white;
                                      border-image: url(:/images/tab/sel3.png);
                                  }
QTabBar::tab:middle:!selected {
                                   color: black;
                                       margin-top: 0; margin-left: -15; margin-right: 8;
                                       border-image: url(:/images/tab/normal3.png);
                                   }
QTabBar::tab:middle:hover:!selected {
                                         color: black;
                                             margin-top: 0; margin-left: -15; margin-right: 8;
                                             border-image: url(:/images/tab/hover3.png);
                                         }
QTabBar::tab:last:selected {
                                margin-top: 0px; margin-left: 0; margin-right: 0;
                                color: white;
                                    border-image: url();
                                }
QTabBar::tab:last:!selected {
                                 color: black;
                                     margin-top: 0; margin-left: 0; margin-right: 0;
                                     border-image: url();
                                 }
QTabBar::tab:last:hover:!selected {
                                       color: black;
                                           margin-top: 0; margin-left: 0; margin-right: 0;
                                           border-image: url();
                                       }
QTabBar::tab:only-one {
                           margin: 0;
                           }");

另外附几个QSS讲的比较全的博客链接：

1、https://blog.csdn.net/qq21497936/article/details/79401577

2、https://blog.csdn.net/tianzhihen_wq/article/details/45370009

3、https://blog.csdn.net/superzhaifd/article/details/12656251

猜你喜欢

转载自blog.csdn.net/weixin_39485901/article/details/88751334
今日推荐
基于大语言模型的开源知识库问答系统 MaxKB GitHub Star 数量突破 5,000 个！
美国拟限制 AI 大模型出口中国和俄罗斯
苹果将与 OpenAI 达成协议，将 ChatGPT 应用于 iPhone
openKylin 社区生态委员会第六次会议圆满召开
阿里云正式发布通义千问 2.5
Python 3.13 发布首个 Beta：实验性自由线程模式和 JIT、改进交互式解释器
Stack Overflow 拿我的代码去训练 AI 大模型，还封了我的账号
Pop!_OS 的 COSMIC 桌面完成 App Store 上架工作
《2024 年一季度互联网投融资运行情况》研究报告
报告：Django 仍然是 74% 开发者的首选
15 年前上了“FFmpeg 耻辱柱”，今天他还得谢谢咱——腾讯QQPlayer一雪前耻？
TIOBE 5 月榜单：Fortran “复活”进入 Top 10
周排行
记一下去大梅沙的准备（2018-05-26）
Spring 注解 事务
基于HTTP协议的客户端缓存
阿里云rds 备份和还原
[PHP] 几个拖慢 PHP 程序/API 运行速度的点
python 代码风格------------PEP8规则
js控制json生成菜单——自制菜单（一）
将字符串: 'k:1|k1:2|k2:3|k3:4 ' ,处理成 python 字典: {'k':1, 'k1':2, ...}
微信小程序转支付宝小程序
Qt551.窗口滚动条
每日归档
更多
2024-05-13(18)
2024-05-12(0)
2024-05-11(38)
2024-05-10(38)
2024-05-09(35)
2024-05-08(42)
2024-05-07(14)
2024-05-06(40)
2024-05-05(0)
2024-05-04(7)

代码天地 © 2018 codetd.com

境外服务器   最新电视剧2022