1

このインターフェースを作成しました: ここに画像の説明を入力

私の質問は、私のスタイルシートを使用してその廃止された行を取り除く方法です。

黒枠(objectname=mainTabBarWidget(QWidget))を縦に並べます。高さは固定 (38px) で、左から右に次の要素が含まれています: QToolButton、QTabBar、QToolButton、および別の QToolButton。

そのスタイルシートは次のとおりです。

QWidget#mainTabBarWidget {
    border-bottom: 1px solid black;
    background-color: rgb(107, 102, 102);
}

「+」QToolButton は、クリックされるたびに新しいタブを作成します。QTabBar (tabBar と呼ばれる) には、次のスタイルシートがあります。

QTabBar#tabBar{
    left: 10px; /* move to the right by 5px */
    border-bottom: none;
}

QTabBar::tab {
    background-color: rgb(194, 180, 180);
    border-top: 2px solid rgb(107, 102, 102);
    border-left: 2px solid rgb(107, 102, 102);
    border-right: 2px solid rgb(107, 102, 102);
    border-bottom: none;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: -8px;
    border-bottom-right-radius: -8px;
    min-width: 100px;
    max-width: 100px;
    height: 35px;
    padding: 2px;
}

QTabBar::tab:hover {
    background-color: rgb(216, 209, 209);
}

QTabBar::tab:selected {
    background-color: rgb(243, 231, 231);
    border-color: rgb(0, 0, 0);
 }

QTabBar::scroller { /* the width of the scroll buttons */
     border: none;
    width: 20px;
    background-color: rgba(0,0,0,55);
}

QTabBar::tear {
    border: none;
    background-color: rgba(222,221,15, 45);
   width: 0px;
}

QTabBar::tab:disabled {
    border: none;
}

PS1。タブを3つ、4つ追加すると線も消えます。 ここに画像の説明を入力

PS2。タブ幅を120pxに設定してみたら線が消えてしまいましたが、他のタブを追加してスクロールボタンを表示すると、この線が再表示されます。 ここに画像の説明を入力

4

1 に答える 1