从 QLayout 中的 QTabBar 中删除填充/边距

erp*_*erp 5 python qt pyqt4 qtstylesheets pyqt5

我有一个应用程序,我希望 QTabBar 位于与 QTabWidget 区域不同的 VBoxLayout 中。使用下面的代码可以正常工作,但我遇到了样式问题。在我将 QTabBar 与 QTabWidget 分开之前,我没有任何问题,但现在我不知道如何按照我想要的方式设置它的样式。

#!/usr/bin/env python2

from PyQt4 import QtGui, QtCore
from peaks import *

class mainWindow(QtGui.QWidget):

    def __init__(self):
        QtGui.QWidget.__init__(self)
        self.setWindowFlags(QtCore.Qt.Dialog)

        self.tabWidget = QtGui.QTabWidget()
        self.tabBar = QtGui.QTabBar()
        self.tabBar.setContentsMargins(0,0,0,0)
        self.tabWidget.setTabBar(self.tabBar)
        self.tabWidget.setTabPosition(QtGui.QTabWidget.West)
        self.tabWidget.setIconSize(QtCore.QSize(35, 35))

        self.tab1 = QtGui.QWidget()
        self.tab2 = QtGui.QWidget()

        tabLayoutBox = QtGui.QVBoxLayout()
        tabLayoutBox.setContentsMargins(0,0,0,0)
        tabLayoutBox.addWidget(self.tabBar)

        mainHBox = QtGui.QHBoxLayout()
        mainHBox.setContentsMargins(0,0,0,0)
        mainHBox.setSpacing(0)
        mainHBox.setMargin(0)
        mainHBox.addLayout(tabLayoutBox)
        mainHBox.addWidget(self.tabWidget)

        mainVBox = QtGui.QVBoxLayout()
        mainVBox.addWidget(QtGui.QWidget())
        mainVBox.addLayout(mainHBox)
        self.setLayout(mainVBox)


        self.tabWidget.addTab(self.tab1, 'tab1')
        self.tabWidget.addTab(self.tab2, 'tab2')

if __name__ == '__main__':
    app = QtGui.QApplication(sys.argv)
    app.setStyleSheet(
            "QTabBar { alignment: right; }"
            "QTabBar::tear { width:0; border: none; }"
            "QTabBar::scroller { width:0; border: none; }"
            )


    main = mainWindow()
    main.show()
    sys.exit(app.exec_())
Run Code Online (Sandbox Code Playgroud)

但是,有几件事我想要,但我不知道该怎么做:

  • 我想消除 QTabWidget 和 QTabBar 之间的差距。我一直在尝试各种事情,比如setContentsMargins(0,0,0,0)设置样式表,但我尝试过的一切都没有奏效。

  • 我希望 QTabBar 与 QTabWidget 的顶部齐平。有趣的是,无论何时调整窗口大小,选项卡似乎都会在顶部之间快速来回切换。

我看过的东西:

更新:我可以通过将 QTabBar miminumSizeHint() 设置为 (15,15) 并设置来模拟我想要的行为,QTabBar::tab { margin-right: -15px; }但这并不能让我实际单击选项卡。由于某种原因,标签下方(即右侧)有一个空间,我不知道如何摆脱它。

第二次更新:我已经确定了我认为的主要问题。我的代码使用

        self.tabWidget.setTabPosition(QtGui.QTabWidget.West)
Run Code Online (Sandbox Code Playgroud)

将选项卡移动到左侧,但 QTabWidget 假定那里有一个 tabBar,因此有额外的空间。如果我做

        self.tabWidget.setTabPosition(QtGui.QTabWidget.East)
Run Code Online (Sandbox Code Playgroud)

那个空白区域出现在右边。所以我可以做的一件事是直接在 tabBar 上设置 tabShape:

self.tabBar.setShape(QtGui.QTabBar.RoundedWest)
Run Code Online (Sandbox Code Playgroud)

然而,这会在 QTabWidget 期望 QTabBar 的顶部留下一个空白区域。我可以使用setTabPositionbefore将该空间向右移动,setShape但这并不能解决实际摆脱它的问题。

erp*_*erp 2

我无法弄清楚如何隐藏空白空间,所以我只是使用 QTabBar + QStackedWidget,这很容易实现。为了制作一个像 QTabWidget 一样的东西,你需要做的就是连接QTabBar.currentChangedQStackedWidget.setCurrentIndex

    self.stacked = QtGui.QStackedWidget()
    self.tabBar = QtGui.QTabBar()
    self.tabBar.currentChanged.connect(self.stacked.setCurrentIndex)
    self.tabBar.setShape(QtGui.QTabBar.RoundedWest)
    self.tabBar.updateGeometry()
    self.tabBar.setContentsMargins(0,0,0,0)
Run Code Online (Sandbox Code Playgroud)

我还编写了一个模拟的便利函数QTabWidget.addTab

def addTab(self, widget, name):
    self.stacked.addWidget(widget)
    self.tabBar.addTab(name)
Run Code Online (Sandbox Code Playgroud)