質問

現在、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を東/西に設定してタブバーをスタイリングする方法を知っていますか?

役に立ちましたか?

解決

から QT StyleSheetリファレンスページ:

The:Top、:左、右、:タブの向きに応じて底部の擬似的な状態。

したがって、たとえば、最初のCSSルールを水平に適用する QTabBarS:

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;
}
ライセンス: CC-BY-SA帰属
所属していません StackOverflow
scroll top