Question

使用Qt Designer制作GUI时，在Designer中预览的内容与实际在代码中使用的时间之间出现不一致的结果。窗口小部件的实际大小不会改变，但是将网格布局（或任何布局）应用于选项卡窗口小部件会导致该选项卡窗口小部件内部的所有内容都被拉伸，而不是Qt Designer中最初显示的那样均匀填充。

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())
    [...]

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

1 个答案: