qtabwidgetタブポジションStyleSheetsを使用する場合
-
27-10-2019 - |
質問
現在、StyleSheetsを使用してアプリケーションをテーマにしています。これが私が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;
}
これにより、タブポジションが北または南に設定されている場合、問題ありません。しかし、東または西の場合、タブバーの境界は適切にスタイリングされていません。
Tabpositionを東/西に設定してタブバーをスタイリングする方法を知っていますか?
解決
The:Top、:左、右、:タブの向きに応じて底部の擬似的な状態。
したがって、たとえば、最初のCSSルールを水平に適用する 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;
}
所属していません StackOverflow