QT tabWidget样式表

雒珣

已于 2022-10-27 11:14:59 修改

阅读量4.2k

点赞数 3

分类专栏： QT界面文章标签： css QT 界面

于 2022-10-25 16:59:44 首次发布

本文链接：https://blog.csdn.net/tjm1017/article/details/127516847

版权

QT界面专栏收录该内容

8 篇文章 1 订阅

订阅专栏

//背景设置

QTabWidget::pane{
   border:1px solid rgba(125, 250, 250, 160);
   border-radius: 3px;
   background:transparent;//透明
   margin-top:-1px;
}

//close按钮样式设置
QTabBar::close-button{
   border-image: url(:/img/blue1/tab_close.png);
}
QTabBar::close-button:hover{
   border-image: url(:/img/blue1/tab_close_h.png);
}
QTabBar::close-button:pressed{
   border-image: url(:/img/blue1/tab_close_p.png);
}
QTabBar::close-button:disabled{
   border-image: url(:/img/blue1/tab_close_d.png);
}

/tabBar样式设置
QTabWidget::tab-bar{
   alignment:left;
}
QTabBar::tab{
   border-top-left-radius:3px;
   border-top-right-radius:3px;
}
QTabBar::tab:!first{
   margin-left:2px;
}
QTabBar::tab{
   color:#FFFFFF;
   padding:3px 8px 3px 8px;
   background: #11357D;
   border:1px solid #2971E2;
   border-bottom:none;
   margin-bottom:1px;
}
QTabBar::tab:hover{
   background:rgba(41, 113, 226, 128);
   border:1px solid #2971E2;
   border-bottom:none;
}
QTabBar::tab:selected{
   qproperty-icon: url(:/img/blue1/tab_icon.png);
   border:1px solid rgba(125, 250, 250, 160);
   border-bottom:none;
   border-top:1px solid #7DFAFA;
   background-color: qlineargradient(spread:pad, x1:0, y1:0, x2:0, y2:1, stop:0 rgba(125, 250, 250, 200), stop:1 rgba(9, 40, 92, 255));
   margin-bottom:0px;
}
QTabBar::tab:disabled{
   color: rgba(255, 255, 255, 128);
   background:rgba(17, 53, 112, 128);
   border:1px solid rgba(41, 113, 226, 128);
   border-bottom:none;
}

//翻页按钮样式设置
QTabBar QToolButton::left-arrow{
   border-image: url(:/img/blue1/tab_arrow_l.png);
}
QTabBar QToolButton::left-arrow:hover{
   border-image: url(:/img/blue1/tab_arrow_lh.png);
}
QTabBar QToolButton::left-arrow:pressed{
   border-image: url(:/img/blue1/tab_arrow_lp.png);
}
QTabBar QToolButton::left-arrow:disabled{
   border-image: url(:/img/blue1/tab_arrow_ld.png);
}
QTabBar QToolButton::right-arrow{
   border-image: url(:/img/blue1/tab_arrow_r.png);
}
QTabBar QToolButton::right-arrow:hover{
   border-image: url(:/img/blue1/tab_arrow_rh.png);
}
QTabBar QToolButton::right-arrow:pressed{
   border-image: url(:/img/blue1/tab_arrow_rp.png);
}
QTabBar QToolButton::right-arrow:disabled{
   border-image: url(:/img/blue1/tab_arrow_rd.png);
}