0

QTabWidget のスタイルを設定してタブの外観を変更し、下部に青い境界線を追加しようとしています。

border-bottomのスタイルを設定すると、すべてのQWidgetウィジェットに青い境界線が表示されQTabWidgetます。これには、必要なウィジェットも含まれますが、他のすべてのウィジェットも含まれます。これは望ましくありません。このスクリーンショットを参照してください。

ここに画像の説明を入力

全体としてではなく、bottom-borderに を設定するだけでよいので、これは有望に思えます。ただし、このスクリーンショットが示すように、これは機能しません。QTabWidgetQWidget

ここに画像の説明を入力

これが私の完全なスタイルシートです - QTabWidgetQt Designer 内で設定されています:

QTabWidget {
border-bottom: 3px solid #3233ff;
}

QTabBar::tab:selected {
border-left: 1px solid #1c1515;
padding-left: 10px;
border-right: 1px solid #1c1515;
padding-right: 10px;
border-bottom: 1px solid #1c1515;
border-top: 1px solid #a0a0a0;
background: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1,
                                 stop: 0 #ededed, stop: 0.7 #9898ff,
                                 stop: 0.9 #7e7fff, stop: 1.0 #3233ff);
 }

QTabBar::tab:!selected {
border-left: 1px solid #1c1515;
padding-left: 10px;
border-right: 1px solid #1c1515;
padding-right: 10px;
border-bottom: 1px solid #1c1515;
border-top: 1px solid #a0a0a0;
margin-bottom: 2px;
background: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1,
                                 stop: 0 #e0e0e0, stop: 0.4 #dbdbdb,
                                 stop: 0.5 #d3d3d3, stop: 1.0 #cfcfcf);
 }

QTabWidgetの場合のみ、青い下の境界線を表示するにはどうすればよいですか?

4

1 に答える 1