2

現在、スタイルシートを使用してアプリケーションのテーマを設定しています。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 が North または South に設定されている場合は問題ありません。ただし、East または West では、TabBar の境界線が適切にスタイル設定されていません。

tabPosition を東/西に設定して TabBar のスタイルを設定する方法を知っている人はいますか?

4

1 に答える 1

4

Qt スタイルシートのリファレンス ページから:

タブの向きに応じて、:top、:left、:right、:bottom 疑似状態。

たとえば、最初の 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;
}
于 2011-09-08T02:48:12.740 に答える