请帮我写一个qss暗黑系的QTabWidget的代码
时间: 2023-08-28 10:28:39 浏览: 161
好的,以下是一个基于暗黑风格的QTabWidget的QSS代码:
```
QTabWidget::pane {
border: 1px solid #2E2E2E;
background-color: #1E1E1E;
}
QTabWidget::tab-bar {
left: 5px;
}
QTabBar::tab {
background-color: #1E1E1E;
color: #BFBFBF;
border: 1px solid #2E2E2E;
border-bottom: none;
padding: 5px 10px;
margin-right: 5px;
}
QTabBar::tab:selected {
color: #FFFFFF;
background-color: #2E2E2E;
border-left: none;
border-right: none;
}
QTabBar::tab:!selected:hover {
background-color: #3A3A3A;
}
QTabWidget::tab-bar:top {
top: 0px;
}
QTabWidget::tab-bar:bottom {
bottom: 0px;
}
QTabWidget::tab-bar:left {
left: 0px;
}
QTabWidget::tab-bar:right {
right: 0px;
}
```
这段代码实现了以下样式:
- QTabWidget的背景为#1E1E1E,边框为1px的#2E2E2E;
- QTabBar的背景为#1E1E1E,文字颜色为#BFBFBF,边框为1px的#2E2E2E,底部边框为none,内部填充为5px 10px,右侧距离为5px;
- 选中的QTabBar的文字颜色为#FFFFFF,背景为#2E2E2E,左右边框为none;
- 鼠标悬浮在未选中的QTabBar上时,背景颜色变为#3A3A3A;
- 可以设置QTabBar的位置为top、bottom、left、right。
你可以将这段代码复制到你的QTabWidget的构造函数中,通过 `setStyleSheet()` 方法来应用这些样式。如下所示:
```python
self.tabWidget.setStyleSheet('''
QTabWidget::pane {
border: 1px solid #2E2E2E;
background-color: #1E1E1E;
}
QTabWidget::tab-bar {
left: 5px;
}
QTabBar::tab {
background-color: #1E1E1E;
color: #BFBFBF;
border: 1px solid #2E2E2E;
border-bottom: none;
padding: 5px 10px;
margin-right: 5px;
}
QTabBar::tab:selected {
color: #FFFFFF;
background-color: #2E2E2E;
border-left: none;
border-right: none;
}
QTabBar::tab:!selected:hover {
background-color: #3A3A3A;
}
QTabWidget::tab-bar:top {
top: 0px;
}
QTabWidget::tab-bar:bottom {
bottom: 0px;
}
QTabWidget::tab-bar:left {
left: 0px;
}
QTabWidget::tab-bar:right {
right: 0px;
}
''')
```
这样就可以将这段样式代码应用到你的QTabWidget中了。
阅读全文