UIKit中子视图无法填满父视图的问题求解

我正在使用UIKit（XCode）完成学校的“四子连珠（Four In A Row）”游戏项目，需要在视图中创建一个包含自定义元素的方形网格（1个垂直UIStackView嵌套N个水平UIStackView，每个水平栈包含N个按钮）。我已将名为squareView的浅蓝色UIView添加到父视图中，现在尝试通过代码向squareView中插入UIStackView，但该栈视图无法填满squareView的全部可用空间，请问如何解决？

1. 添加边缘贴合的布局约束 #

将垂直StackView添加到squareView时，必须关闭自动布局掩码，并添加四边对齐约束，让StackView完全贴合父视图的边界：

// 假设verticalStack是你创建的垂直方向StackView
squareView.addSubview(verticalStack)
verticalStack.translatesAutoresizingMaskIntoConstraints = false
NSLayoutConstraint.activate([
    verticalStack.topAnchor.constraint(equalTo: squareView.topAnchor),
    verticalStack.leadingAnchor.constraint(equalTo: squareView.leadingAnchor),
    verticalStack.trailingAnchor.constraint(equalTo: squareView.trailingAnchor),
    verticalStack.bottomAnchor.constraint(equalTo: squareView.bottomAnchor)
])

2. 设置StackView的分布属性 #

• 垂直StackView设置distribution = .fillEqually，让每个水平StackView平分垂直空间；
• 所有水平StackView同样设置distribution = .fillEqually，让内部按钮平分水平空间：

verticalStack.distribution = .fillEqually
// 遍历所有水平StackView配置属性
horizontalStacks.forEach { stack in
    stack.distribution = .fillEqually
}

3. 配置间距（可选） #

如果需要网格之间保留间隙，直接设置StackView的spacing属性即可，fillEqually会自动扣除间距后分配剩余空间：

verticalStack.spacing = 6
horizontalStacks.forEach { stack in
    stack.spacing = 6
}

4. 确保按钮尺寸适配 #

给每个按钮设置内容模式，并禁用自动压缩，避免按钮尺寸异常：

gameButtons.forEach { btn in
    btn.contentMode = .scaleAspectFill
    // 防止按钮被压缩变形
    btn.setContentCompressionResistancePriority(.required, for: .horizontal)
    btn.setContentCompressionResistancePriority(.required, for: .vertical)
}

内容的提问来源于stack exchange，提问作者Juri Mason