PySide6/PyQt5 网格布局实现控件随窗口缩放保持正方形比例

是的，这个场景下必须配合自定义的resize事件逻辑，单纯依赖Qt内置的heightForWidth或者控件自带的比例设置接口，无法达到“控件随窗口灵活伸缩、始终保持正方形、尽可能填充可用空间”的效果。
之前试错的核心原因有两个：

• 基础代码里没有给Dialog设置顶层布局，承载网格的QFrame是硬编码绝对坐标定位的，窗口拉伸时QFrame本身不会随可用区域自动调整
• heightForWidth的生效依赖布局链路主动查询控件尺寸需求，普通QFrame没有内置的对应布局计算逻辑，手动调用接口不会触发自动尺寸更新

核心思路：自定义承载2x2网格的QFrame子类，重写其resize事件，在每次可用区域尺寸变化时，取当前可用宽、高的较小值作为正方形边长，让整个Frame始终保持1:1比例。因为内部网格是等分布局，四个单元格会自动成为1:1的正方形，不需要单独给每个格子做比例约束。

修改后的完整可运行代码 #

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

# 自定义带1:1比例约束的Frame
class AspectRatioFrame(QFrame):
    def resizeEvent(self, event):
        # 获取布局分配给当前控件的最新可用尺寸
        avail_w = event.size().width()
        avail_h = event.size().height()
        # 取宽高最小值作为正方形边长，无最小尺寸限制
        side = min(avail_w, avail_h)
        # 锁定自身为正方形尺寸
        self.setFixedSize(side, side)
        super().resizeEvent(event)


class MyDialog(QDialog):
    def __init__(self, parent=None):
        super().__init__(parent)
        self.resize(600, 600)

        # 给Dialog设置顶层布局，实现可用区域自动分配
        main_layout = QHBoxLayout(self)
        # 可根据需要调整边距
        main_layout.setContentsMargins(20, 20, 20, 20)

        # 替换原来的普通QFrame为自定义的比例约束Frame
        self.my_frame = AspectRatioFrame(self)
        self.my_frame.setObjectName(u"my_frame")
        self.gridLayout = QGridLayout(self.my_frame)
        self.gridLayout.setSpacing(0)
        self.gridLayout.setObjectName("gridLayout")

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

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

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

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

        # 给网格设置等比拉伸因子，保证四个单元格等大
        self.gridLayout.setColumnStretch(0, 1)
        self.gridLayout.setColumnStretch(1, 1)
        self.gridLayout.setRowStretch(0, 1)
        self.gridLayout.setRowStretch(1, 1)

        # 把自定义Frame加入顶层布局
        main_layout.addWidget(self.my_frame)


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

• 无强制最小尺寸约束：正方形边长完全跟随可用区域动态计算，窗口缩到多小都能保持比例，不会因为设置了最小尺寸出现无法收缩的情况
• 自动居中效果：因为Frame的正方形尺寸是在顶层HBoxLayout里分配的，多余的水平/垂直空间会被布局自动吸收，让正方形网格始终在窗口居中位置
• 适配PyQt5：把代码里的PySide6替换成PyQt5即可直接运行，所有API逻辑完全兼容
• 不需要给Dialog本身设置比例约束：不管窗口拉成偏宽还是偏高的形态，网格部分都会自动适配最大可用正方形尺寸，不会出现窗口被锁死成正方形无法调整的问题

内容的提问来源于stack exchange，提问作者Eugene Gill