QT中如何修改tab页面的样式为透明,被选中的标签拥有白色下划线,标签处为灰色背景
时间: 2024-02-04 12:01:43 浏览: 190
您可以通过设置QTabWidget的样式表来修改tab页面的样式。下面是一个示例样式表,可以实现您的要求:
```
QTabWidget::pane {
border: none;
background-color: transparent;
}
QTabBar::tab {
background-color: gray;
color: white;
padding: 8px 20px;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
}
QTabBar::tab:selected {
border-bottom: 2px solid white;
}
```
这个样式表中,我们首先将QTabWidget的面板背景色设置为透明,然后设置了QTabBar的样式。其中,tab的背景色为灰色,文字颜色为白色,边框圆角为4px,上下左右均留有8px的内边距;selected的标签下方有一个白色的下划线。
您可以将这段样式表应用到您的QTabWidget中,以实现您的需求。
相关问题
QT中如何修改tab的样式为灰底,被选中的标签拥有白色下划线
在QT中,可以通过修改QTabWidget的样式表来实现修改tab的样式。下面是一个示例的样式表:
```
QTabWidget::pane {
border: 1px solid #C2C7CB;
background-color: #EDEDED;
margin: 0px;
}
QTabBar::tab {
background-color: #C2C7CB;
color: #31363B;
font-weight: bold;
padding: 5px;
margin: 0px;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
}
QTabBar::tab:selected {
background-color: #EDEDED;
border-bottom: 2px solid white;
}
```
其中,第一部分修改了QTabWidget的外观,将其背景设置为灰色。第二部分修改了QTabBar的样式,将背景设置为灰色,并设置了字体颜色、字体大小、内外边距等。第三部分修改了选中的tab的样式,将其背景设置为白色,添加了下划线。
你可以将这个样式表应用到你的QTabWidget上,代码如下:
```
ui->tabWidget->setStyleSheet("QTabWidget::pane { border: 1px solid #C2C7CB; background-color: #EDEDED; margin: 0px; } QTabBar::tab { background-color: #C2C7CB; color: #31363B; font-weight: bold; padding: 5px; margin: 0px; border-top-left-radius: 4px; border-top-right-radius: 4px; } QTabBar::tab:selected { background-color: #EDEDED; border-bottom: 2px solid white; }");
```
注意,这里使用了一个很长的字符串作为样式表,你可以将其拆分成多行以提高可读性。
阅读全文