QTabBar奇怪的线条并没有消失

时间:2015-02-16 21:58:05

标签: qt qtstylesheets qtabbar

我创建了这个界面: enter image description here

我的问题是:如何使用我的样式表来获取已淘汰的行。

黑框(objectname = mainTabBarWidget(QWidget))垂直布局。它有一个固定高度(38px),从左到右包含这些元素:QToolButton,QTabBar,QToolButton和另一个QToolButton。

其样式表如下:

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

“+”QToolButton会在单击时创建一个新Tab。 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;
}

P.S.1。添加3或4个选项卡时,线条也会消失。 enter image description here

P.S.2。我尝试将标签宽度设置为120px并且线条消失了,但是当我添加其他标签并且滚动按钮显示时,此行重新出现。 enter image description here

1 个答案:

答案 0 :(得分:2)

我遇到了类似的问题,但在下面已经解决了。

http://doc.qt.io/qt-5/qtabbar.html#drawBase-prop

QTabBar::setDrawBase(false);