真正与Autolayout挣扎 - 4个按钮排列2x2

Question

我的故事板中有一个相当简单的场景，但我无法通过Autolayout安排四个橙色按钮。

我一直试图让这个问题持续一周。我在网上搜索过，但我没有合适的关键字，因为我还没有发现任何适用的关键字。

除了橙色按钮之外的所有设备都能正常运行所有设备。

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

我希望＆＃34;问题＆＃34;之间的距离。标签和第一排按钮在第二排按钮和＆＃34; Home＆＃34;之间的距离相同。按钮。

我希望橙色按钮保持相同的宽高比，我希望它们尽可能地增长/缩小，但是它们应该在水平和垂直方向之间保持居中，问题＆＃34;和＆＃34; Home＆＃34;和左/右边缘。

Answer 1

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

从顶部，中间和底部视图开始：

中间视图限制是：

• 容器中的中心X
• 容器中的中心Y
• 宽高比1：1
• 领先/尾随/顶部/底部空间= 10,250优先级
• 领先/尾随/顶部/底部空间＆gt; = 10,1000优先级

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

现在您可以在中间视图中添加4个网格视图：

网格视图的宽度和高度相等，并设置视图之间的间距。

Answer 2

你只能使用故事板这么做。您将需要插入插座并手动管理帧大小，或者您可以通过编程方式使用autolayout来模拟您的预期行为。如果您愿意，我可以帮助您完成程序化部分。