QTabWidget自定义样式(仿DotNetBar)

QSS如下,若需要tab栏背景色需要添加ui->tabWidget->setAttribute(Qt::WA_StyledBackground);
语句使background-color生效,这个时候qtdesigner中仍然看不到背景色,但是不要担心它是生效的,只需在属性中勾上autofillbackground即可在designer中预览(该属性在QWidget属性组中,实际上勾不勾无所谓了,每次更改样式或重新打开项目都会默认不勾选)

QTabBar
{
	font-size:11pt;
}

QTabBar::tab
{
	background-color:#9fb2c7;
	border:1px solid #9fb2c7;
	border-top-left-radius:3px;
    border-top-right-radius:3px;
	border-right:none;
	padding:5px;
	font-weight:12pt;
	color:#1f3978;
}
QTabBar::tab:!selected {
    
}
QTabBar::tab:selected {
    background: rgba(255,255,255,1);
	border-bottom:1px solid white;
	font-weight:bold;
}
QTabBar::tab:hover{
    background-color: rgb(255, 255, 255);
}

QTabWidget
{
	background-color: #9fb2c7;
	border-radius:3px;
}

QTabWidget::pane
{
	background-color: white;
	border:1px solid #9fb2c7;
	border-top:none;
}

最终效果如下:

posted @ 2024-08-20 20:33  Syed_OvO  阅读(646)  评论(0)    收藏  举报