Qtabwidget tabposition cuando se usa hojas de estilo
-
27-10-2019 - |
Pregunta
Actualmente estoy usando hojas de estilo para temas una aplicación. Aquí está la hoja de estilo que uso para qtabwidget:
/*QTabBar et QTabWidget*/
QTabBar::tab {
background: qlineargradient(spread:pad, x1:0.5, y1:0, x2:0.5, y2:1, stop:0 rgba(73, 73, 74, 255), stop:1 rgba(40, 40, 40, 255));
border: 1px solid rgb(190, 190, 190);
max-height: 0.6em;
min-width: 0.6em;
padding: 5px;
margin-left: -1px;
margin-right: -1px;
}
QTabBar::tab:selected, QTabBar::tab:hover {
background: qlineargradient(spread:pad, x1:0.5, y1:1, x2:0.5, y2:0, stop:0 rgba(39, 117, 219, 255), stop:1 rgba(107, 171, 249, 255));
}
QTabBar::tab:last {
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
margin-right: 0px;
}
QTabBar::tab:first {
border-top-left-radius: 3px;
border-bottom-left-radius: 3px;
margin-left: 0px;
}
QTabBar::tab:only-one {
border-radius: 3px;
margin: 0px;
}
Con esto, cuando Tabposition se establece en Norte o Sur, no hay problema. Pero con el este o el oeste, el borde del Tabbar no tiene adecuadamente el estilo.
¿Alguien sabe cómo diseñar un TabBar con TabPosition establecido en East/West?
Solución
Desde el Página de referencia de la hoja de estilo QT:
The: arriba,: izquierda ,: derecho,: pseudo inferior estados dependiendo de la orientación de las pestañas.
Entonces, por ejemplo, para aplicar su primera regla CSS a la horizontal QTabBar
s:
QTabBar::tab:top, QTabBar::tab:bottom {
background: qlineargradient(spread:pad, x1:0.5, y1:0, x2:0.5, y2:1, stop:0 rgba(73, 73, 74, 255), stop:1 rgba(40, 40, 40, 255));
border: 1px solid rgb(190, 190, 190);
max-height: 0.6em;
min-width: 0.6em;
padding: 5px;
margin-left: -1px;
margin-right: -1px;
}
Licenciado bajo: CC-BY-SA con atribución
No afiliado a StackOverflow