QTabWidget Linux环境UI文件设置页切换风格
时间: 2024-02-18 10:02:53 浏览: 63
您可以通过设置QTabWidget的样式表来更改标签页的外观。以下是一个示例:
```
QTabWidget::pane {
border-top: 1px solid #C2C7CB; /* 设置顶部边框 */
position: absolute;
top: -0.5em;
}
/* 设置选中标签页的样式 */
QTabWidget::tab-bar {
alignment: center;
}
QTabBar::tab {
background: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1,
stop: 0 #E1E1E1, stop: 0.4 #DDDDDD,
stop: 0.5 #D8D8D8, stop: 0.9 #D3D3D3,
stop: 1 #D0D0D0);
border: 1px solid #C4C4C3;
border-bottom-color: #C2C7CB; /* 设置底部边框 */
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: 0.9 #fafafa,
stop: 1 #f4f4f4);
}
QTabBar::tab:selected {
border-color: #9B9B9B;
border-bottom-color: #C2C7CB;
}
QTabBar::tab:!selected {
margin-top: 2px; /* 让未选中标签页稍微下移一点,与选中标签页错开 */
}
```
您可以将以上样式表应用到您的QTabWidget中,以更改标签页的外观。
阅读全文