QSS风格QTabWidget美化

最新推荐文章于 2024-07-03 21:02:08 发布

亭台六七座

最新推荐文章于 2024-07-03 21:02:08 发布

阅读量1.2w

点赞数 3

分类专栏： Qt-QSS 文章标签： QSS Qt界面美化 Qt美化 Qt样式表 QTabWidget美化

Qt-QSS 专栏收录该内容

35 篇文章 2 订阅 ¥9.90 ¥99.00

订阅专栏

超级会员免费看

本文介绍了如何利用QSS来定制QTabWidget的样式，实现Qt界面的美化，内容涵盖tab风格样式的设置方法。

摘要由CSDN通过智能技术生成

1、tab风格样式:

QTabBar::tab {min-width:100px;color: white;background-color:qlineargradient(x1:0, y1:0, x2:0, y2:1, stop: 0 #eeeeee, stop: 1 gray);border: 2px solid;border-top-left-radius: 10px;border-top-right-radius: 10px;padding:5px;
}	
QTabBar::tab:!selected {margin-top: 5px;} 
QTabBar::tab:selected {color: blue;};

2、风格样式2

QTabWidget::pane { /* The tab widget frame */
    border-top: 2px solid #C2C7CB;
    position: absolute;
    top: -0.5em;
    border-image: url(:/pic/箭头.png);
}
 
QTabWidget::tab-bar {
    alignment: center;
}
 
/* Style the tab using the tab sub-control. Note that
    it reads QTabBar _not_ QTabWidget */
QTabBar::tab {
    background: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1,
                                stop: 0 #E1E1E1, stop: 0.4 #DDDDDD,
                                stop: 0.5 #D8D8D8, stop: 1.0 #D3D3D3);
    border: 2px solid #C4C4C3;
    border-bottom-color: #C2C7CB; /* same as the pane color */
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    min-width: 8ex;
    padding: 2px;
}
 
QTabBar::tab:selected, QTabBar::tab:hover {
    background: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1,
                                stop: 0 #fafafa, stop: 0.4 #f4f4f4,
                                stop: 0.5 #e7e7e7, stop: 1.0 #fafafa);
}
 
QTabBar::tab:selected {
    border-color: #9B9B9B;
    border-bottom-color: #C2C7CB; /* same as pane color */
}