Добавление макета сетки к виджету вкладок изменяет интервал и размер внутреннего виджета

Question

При использовании Qt Designer для создания GUI я получаю противоречивые результаты между тем, что предварительно просматривается в конструкторе, и тем, когда оно фактически используется в коде.Фактический размер виджетов не изменяется, но применение компоновки сетки (или любого макета) к виджету вкладок приводит к тому, что что-то внутри виджета с вкладками растягивается и не выравнивается равномерно, как первоначально показано в Qt Designer.

Предварительный просмотр в Qt Designer (слева) и предварительный просмотр при фактической инициализации в python (справа):

Вотфайл .ui, сгенерированный в Qt Designer:

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"))

А вот код, используемый для инициализации графического интерфейса:

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 автоматически применяет свои поля и интервалы по умолчанию к макетам как при проектировании, так и при предварительном просмотре, даже если они не заданы в диалоговом окне «Настройки формы ...» (меню «Форма»).Если вы перейдете в это диалоговое окно и отметите опцию «Layout Default», а затем снова сохраните файл пользовательского интерфейса, вы, вероятно, увидите один и тот же результат как в Designer, так и в вашей программе.

При разработке графических интерфейсов в Designer выНеобходимо помнить, что каждая ОС и стиль имеют разные «метрики» по умолчанию, включая поля макета и интервалы.Если вам нужны конкретные значения для каждого макета, вам нужно будет вручную установить их в свойствах макета, в противном случае вы можете установить значения по умолчанию для всех макетов форм (и вложенных макетов), используя вышеупомянутый параметр, а затем убедиться, что каждый макет имеетнабор значений по умолчанию (не выделен жирным шрифтом).

Существует также другая возможность: в 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())
    [...]