iOS 限制：4 个按钮答案

【问题标题】：iOS constraints: 4 ButtonsiOS 限制：4 个按钮
【发布时间】：2015-03-16 12:54:11
【问题描述】：

我想在屏幕上放置 4 个按钮。它们应该具有相同的高度和宽度。按钮之间的边距应为 35px，视图边框的外边距应为 20px。

现在按钮应该可以缩放到不同的屏幕尺寸。但是我所有的约束尝试都失败了。

有人知道如何正确使用它们吗？

布局：

---------------
|             |
|   x     x   |
|             |
|   x     x   |
|             |
---------------

X 是按钮

【问题讨论】：

【解决方案1】：

如果您想要的结果如下所示，请按照以下步骤操作：

始终牢记这种方法。在情节提要 (600x600) 中按应呈现方式设计视图，然后然后应用您的约束。

在应用约束之前取消选择对边距的约束。

一切就绪，无论屏幕大小如何，您的视图现在都会适当缩放。

【讨论】：

【解决方案2】：

您可以编写一个程序来计算按钮的大小。首先，获取屏幕宽度，例如 320。然后：320 = 20 + 按钮宽度 + 35 + 按钮宽度 + 20 2 * 按钮宽度 = 245。按钮宽度 = 122.5。

同样适用于高度。

【讨论】：

【解决方案3】：

我会做以下事情：

1) 添加一个 1x1 视图，该视图具有清晰的背景颜色，并添加相对于包含视图居中的约束。这会给你一个中心点。

2) 对于左侧按钮，将 1x1 视图的尾随距离设置为 17.5。

3) 对于右键。将 1x1 视图的前导距离设置为 17.5。

4) 对于顶部按钮，将底部到 1x1 视图的距离设置为 17.5。

5) 对于底部按钮，将顶部到 1x1 视图的距离设置为 17.5。

这将为您提供与此 1x1 视图相关的按钮。如果您希望按钮位于顶部或底部等，您现在可以向上或向下移动它...现在您要处理宽度的缩放。

6) 为满足您需求的按钮添加纵横比。 1:1 用于正方形等。

7) 对于左侧按钮，将到包含视图的前导距离设置为 20pts。

8) 对于右侧按钮，将到包含视图的尾随距离设置为 20pts。

当您设置了纵横比时，按钮应按比例缩放宽度和高度以满足 20pt 约束和对 1x1 中心点的约束。

【讨论】：