将网格布局小部件保持为正方形

如何解决将网格布局小部件保持为正方形

这应该很容易，但我越来越困惑于看到不起作用的建议答案。我想要做的就是能够在网格布局中拥有一堆小部件，其中调整窗口大小将导致网格内的小部件被调整大小以尽可能填充空间但保持它们的纵横比（在这种情况下为正方形这是一个 2x2 的正方形网格）。

这是代码，没有我尝试这样做的任何失败。我最初计划将窗口本身限制为固定的纵横比，但也无法使其正常工作。我将满足于具有此功能的 Frame（或其他小部件/布局）。限制正方形大小并不重要，只要它随着窗口拉伸和收缩，同时保留正方形内容。我在这里使用 PySide6，但使用 PyQt5 的解决方案会很好。 C++，虽然不多，但我对它很了解。是否需要自定义处理调整大小？我似乎无法让 heightForWidth 工作。

import sys
from PySide6.QtWidgets import QApplication,QDialog,QWidget,QFrame,QGridLayout


class MyDialog(QDialog):
    def __init__(self,parent=None):
        super().__init__(parent)
        self.resize(600,600)
        self.my_frame = QFrame(self)
        self.my_frame.setObjectName(u"my_frame")
        self.my_frame.setGeometry(50,50,250,250)
        self.my_frame.setBaseSize(100,100)
        self.gridLayout = QGridLayout(self.my_frame)
        self.gridLayout.setSpacing(0)
        self.gridLayout.setObjectName("gridLayout")

        self.top_left = QWidget(self.my_frame)
        self.top_left.setObjectName("top_left")
        self.top_left.setStyleSheet("background-color: rgb(235,10,30)")
        self.gridLayout.addWidget(self.top_left,1,1)

        self.top_right = QWidget(self.my_frame)
        self.top_right.setObjectName("top_right")
        self.top_right.setStyleSheet("background-color: rgb(55,122,70)")
        self.gridLayout.addWidget(self.top_right,1)

        self.bottom_left = QWidget(self.my_frame)
        self.bottom_left.setObjectName("bottom_left")
        self.bottom_left.setStyleSheet("background-color: rgb(55,190)")
        self.gridLayout.addWidget(self.bottom_left,1)

        self.bottom_right = QWidget(self.my_frame)
        self.bottom_right.setObjectName("bottom_right")
        self.bottom_right.setStyleSheet("background-color: rgb(235,219,70)")
        self.gridLayout.addWidget(self.bottom_right,1)


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

解决方法

QLayouts（如 QGridLayout）是大小处理程序，不是视觉元素，所以说它们是正方形是没有意义的。另一方面，QGridLayout 主要根据容器的大小来建立小部件的几何形状。

因此在这种情况下，您必须根据窗口的大小使其具有方形外观，因此为此您必须覆盖 resizeEvent 方法并计算窗口中内接的最大正方形的大小。也许您还应该将容器居中。

class MyDialog(QDialog):
    def __init__(self,parent=None):
        super().__init__(parent)
        self.resize(600,600)
        qss = """
            #top_left{
                background-color: rgb(235,10,30)
            }
            #top_right{
                background-color: rgb(55,122,70)
            }
            #bottom_left{
                background-color: rgb(55,190)
            }
            #bottom_right{
                background-color: rgb(235,219,70)
            }
        """
        self.setStyleSheet(qss)

        self.my_frame = QFrame(self,objectName="my_frame")
        self.gridLayout = QGridLayout(self.my_frame,objectName="gridLayout")
        self.gridLayout.setSpacing(0)

        self.top_left = QWidget(objectName="top_left")
        self.gridLayout.addWidget(self.top_left,1,1)

        self.top_right = QWidget(objectName="top_right")
        self.gridLayout.addWidget(self.top_right,1)

        self.bottom_left = QWidget(objectName="bottom_left")
        self.gridLayout.addWidget(self.bottom_left,1)

        self.bottom_right = QWidget(objectName="bottom_right")
        self.gridLayout.addWidget(self.bottom_right,1)

    def resizeEvent(self,event):
        super().resizeEvent(event)

        l = min(self.width(),self.height())
        center = self.rect().center()

        rect = QRect(0,l,l)
        rect.moveCenter(center)
        self.my_frame.setGeometry(rect)