向选项卡小部件添加网格布局会更改内部小部件的间距和大小

Question

在使用 Qt Designer 制作 GUI 时，我在设计器中预览的结果与实际在代码中使用时的结果不一致。小部件的实际大小不会改变，但将网格布局（或任何布局）应用到选项卡小部件会导致选项卡小部件内部的任何内容被拉伸，并且不会像 Qt 设计器中最初显示的那样均匀填充。

Qt Designer 中的预览（左）和在 python 中实际初始化时的预览（右）：

这是在 Qt Designer 中生成的 .ui 文件：

from PyQt5 import QtCore, QtGui, QtWidgets

class Ui_MainWindow(object):
    def setupUi(self, MainWindow):
        MainWindow.setObjectName("MainWindow")
        MainWindow.resize(800, 600)
        self.centralwidget = QtWidgets.QWidget(MainWindow)
        self.centralwidget.setObjectName("centralwidget")
        self.frame = QtWidgets.QFrame(self.centralwidget)
        self.frame.setGeometry(QtCore.QRect(10, 10, 231, 201))
        self.frame.setFrameShape(QtWidgets.QFrame.StyledPanel)
        self.frame.setFrameShadow(QtWidgets.QFrame.Raised)
        self.frame.setObjectName("frame")
        self.gridLayout_4 = QtWidgets.QGridLayout(self.frame)
        self.gridLayout_4.setObjectName("gridLayout_4")
        self.groupBox = QtWidgets.QGroupBox(self.frame)
        self.groupBox.setObjectName("groupBox")
        self.gridLayout_3 = QtWidgets.QGridLayout(self.groupBox)
        self.gridLayout_3.setObjectName("gridLayout_3")
        self.tabWidget = QtWidgets.QTabWidget(self.groupBox)
        self.tabWidget.setObjectName("tabWidget")
        self.tab = QtWidgets.QWidget()
        self.tab.setObjectName("tab")
        self.gridLayout_2 = QtWidgets.QGridLayout(self.tab)
        self.gridLayout_2.setContentsMargins(0, 0, 0, 0)
        self.gridLayout_2.setObjectName("gridLayout_2")
        self.widget = QtWidgets.QWidget(self.tab)
        self.widget.setObjectName("widget")
        self.gridLayout_5 = QtWidgets.QGridLayout(self.widget)
        self.gridLayout_5.setContentsMargins(0, 0, 0, 0)
        self.gridLayout_5.setObjectName("gridLayout_5")
        self.groupBox_2 = QtWidgets.QGroupBox(self.widget)
        self.groupBox_2.setAutoFillBackground(True)
        self.groupBox_2.setTitle("")
        self.groupBox_2.setObjectName("groupBox_2")
        self.gridLayout = QtWidgets.QGridLayout(self.groupBox_2)
        self.gridLayout.setObjectName("gridLayout")
        self.pushButton = QtWidgets.QPushButton(self.groupBox_2)
        self.pushButton.setObjectName("pushButton")
        self.gridLayout.addWidget(self.pushButton, 0, 0, 1, 1)
        self.gridLayout_5.addWidget(self.groupBox_2, 0, 0, 1, 1)
        self.gridLayout_2.addWidget(self.widget, 0, 0, 1, 1)
        self.tabWidget.addTab(self.tab, "")
        self.tab_2 = QtWidgets.QWidget()
        self.tab_2.setObjectName("tab_2")
        self.tabWidget.addTab(self.tab_2, "")
        self.gridLayout_3.addWidget(self.tabWidget, 0, 0, 1, 1)
        self.gridLayout_4.addWidget(self.groupBox, 0, 0, 1, 1)
        MainWindow.setCentralWidget(self.centralwidget)
        self.menubar = QtWidgets.QMenuBar(MainWindow)
        self.menubar.setGeometry(QtCore.QRect(0, 0, 800, 21))
        self.menubar.setObjectName("menubar")
        MainWindow.setMenuBar(self.menubar)
        self.statusbar = QtWidgets.QStatusBar(MainWindow)
        self.statusbar.setObjectName("statusbar")
        MainWindow.setStatusBar(self.statusbar)

        self.retranslateUi(MainWindow)
        QtCore.QMetaObject.connectSlotsByName(MainWindow)

    def retranslateUi(self, MainWindow):
        _translate = QtCore.QCoreApplication.translate
        MainWindow.setWindowTitle(_translate("MainWindow", "MainWindow"))
        self.groupBox.setTitle(_translate("MainWindow", "GroupBox"))
        self.pushButton.setText(_translate("MainWindow", "PushButton"))
        self.tabWidget.setTabText(self.tabWidget.indexOf(self.tab), _translate("MainWindow", "Tab 1"))
        self.tabWidget.setTabText(self.tabWidget.indexOf(self.tab_2), _translate("MainWindow", "Tab 2"))

这是用于初始化 gui 的代码：

from PyQt5.QtWidgets import QMainWindow, QApplication

import sys
from ui import Ui_MainWindow

class App(QMainWindow, Ui_MainWindow):

    def __init__(self, parent: object = None) -> object:
        super(App, self).__init__(parent)
        self.ui = Ui_MainWindow()
        self.ui.setupUi(self)


if __name__ == "__main__":
    app = QApplication(sys.argv)
    ex = App()
    ex.show()
    sys.exit(app.exec_())

您也可以自己验证这一点，方法是创建一个 MainWindow > centralwidget > frame > groupbox > tabWidget > groupbox，所有这些都应用了网格布局或某种布局。

我也尝试过使用小部件的大小选项，结果仍然相同。我真的希望我不必在内部小部件周围添加垫片，因为这会很乏味并导致间距不一致。

任何建议都将不胜感激，因为这是非常令人沮丧和令人惊讶的，它以前没有得到解决。谢谢！

Answer 1

Qt Designer 在设计和预览时自动将其默认边距和间距应用于布局，即使它们没有在“表单设置...”对话框（“表单”菜单）中设置。 如果您转到该对话框并检查“布局默认值”选项，然后再次保存 ui 文件，您可能会在 Designer 和您的程序中看到相同的结果。

在 Designer 中设计 GUI 时，您必须记住每个操作系统和样式都有不同的默认“指标”，包括布局边距和间距。如果您想要每个布局的特定值，您需要在布局属性中手动设置它们，否则您可以使用上述选项为所有表单布局（和子布局）设置默认值，然后确保每个布局都有默认值设置（未标记为“粗体”）。

还有另一种可能性：在 PyQt5 中，可以使用 QProxyStyle（遗憾的是在 PyQt4 上不可用），允许您覆盖用于绘制和“组织”小部件的特定方法。如果您创建 QProxyStyle 的子类，您可以覆盖 pixelMetric() 并自动为整个程序设置边距和间距，只要您将其应用于主 QApplication。

class MyStyle(QtWidgets.QProxyStyle):
    defaultMargin = 4
    defaultSpacing = 2
    margins = QtWidgets.QStyle.PM_LayoutLeftMargin, QtWidgets.QStyle.PM_LayoutTopMargin, QtWidgets.QStyle.PM_LayoutRightMargin, QtWidgets.QStyle.PM_LayoutBottomMargin
    spacings = QtWidgets.QStyle.PM_LayoutHorizontalSpacing, QtWidgets.QStyle.PM_LayoutVerticalSpacing

    def pixelMetric(self, metric, option=None, widget=None):
        if metric in self.margins:
            return self.defaultMargin
        elif metric in self.spacings:
            return self.defaultSpacing
        return QtWidgets.QProxyStyle.pixelMetric(self, metric, option, widget)

if __name__ == '__main__':
    app = QtWidges.QApplication(sys.argv)
    app.setStyle(MyStyle())
    [...]