ios - 使用自动布局和约束设置按钮

Question

屏幕上有 4 个按钮。
我想将所有 4 个按钮放置在屏幕中，其距离与所有屏幕中的图像所示的距离相同，即 4s、5s、6 和 6plus。

我添加的约束

Button 1 : 
Top , leading and trailing

Button 4: 
Bottom , leading and trailing

Button 2 : 
Leading
trailing
top to button 1

Button 3: 
    Leading
    trailing
    top to button 2
    bottom to button 4

但我无法以相同的距离实现按钮 2 和按钮 3。
我只想通过使用自动布局和约束来实现这一点。

请指教。

Answer 1

带有自动布局的完整解决方案。

因为，您在 View 中使用偶数个按钮，因此您需要在 View 的中心(X 和 Y)位置添加高度为 2 的 UILabel。
以下约束适用于所有屏幕，即 4s、5s、6 和 6plus。

[ 注:如果是奇数按钮，中心按钮将用于代替标签]

约束:

标签 :
1. 中心-X
2. 中心-Y
3.固定高度和宽度(高度= 2，宽度=无限制)

按钮 1:

底部到按钮 2(例如 70)

中心-X

修复高度宽度

按钮 2:

顶部到按钮 3(例如 70)

底部到 LABEL(例如 34)

中心-X

修复高度宽度

按钮 3:

顶部到标签(例如 34)

底部到按钮 4(例如 70)

中心 X

修复高度宽度

按钮 4:

顶部到 BUTTON-3(例如 70)

中心-X

修复高度宽度