ios - 真的在自动布局上苦苦挣扎 - 4 个按钮排列成 2x2

Question

我的 Storyboard 中有一个相当简单的场景，但我无法使用 Autolayout 安排四个橙色按钮。



一个星期以来，我一直在努力解决这个问题。我在网上搜索过，我一定没有正确的关键字，因为我没有找到任何适用的东西。

除橙色按钮外，所有设备的所有设备均正常运行。

橙色按钮应排列在 2x2 网格中。

我希望“问题”标签和第一行按钮之间的距离与第二行按钮和“主页”按钮之间的距离相同。

我希望橙色按钮保持相同的纵横比，并且我希望它们尽可能地增长/缩小，但它们应该在“问题”和“主页”以及左/右边缘之间保持水平和垂直居中。

Answer 1

使用容器 View 来划分和征服布局。

从顶 View 、中间 View 和底 View 开始:



中间 View 约束是:

容器中的中心 X

容器中的中心 Y

纵横比 1:1

前导/尾随/顶部/底部空间 = 10、250 优先级

前导/尾随/顶部/底部空间 >= 10, 1000 优先级

这将为您提供横向和纵向方向的支持:



现在您可以在中间 View 中添加 4 个 GridView :



GridView 将具有彼此相等的宽度和高度，并设置 View 之间的间距以适应口味。