ios - 设备方向更改时的自动布局约束问题

Question

我在自动布局方面遇到了问题。我想要两个按钮，如屏幕截图所示。我希望它们也能在横向模式下正确显示。

1) 按钮应该水平居中对齐。

2) 按钮的宽度和高度应该相等。

3) 按钮在两个方向(横向和纵向)上应该与父 View 的中心垂直距离相等

我对条件 3 有疑问。我希望 UI 在所有尺寸的设备上在两个方向上都是统一的。

是否可以使用自动布局实现此目的，或者我需要更新方向更改的约束？

我正在考虑在 superview 的中心添加另一个 View ，并对该 View 应用以下约束以实现所需的 UI

1) 再增加一个透明 View 的大小(superview的宽度, 1)

2) 为新添加的 View 添加水平和垂直居中对齐约束。

3) 为新添加的 View 添加所有必需的约束，如宽度、高度和 x 位置。

现在只有两个这样的按钮

4) 使用新添加的 View 为按钮 1 添加底部空间约束5) 用新添加的view给button 2添加top space constraints

这样这将在所有方向和所有尺寸的设备上保持相同。

这种方法不好，因为我们需要添加额外的 View 。请建议是否有人有更好的方法/想法

Answer 1

我认为最实用的解决方案是将按钮嵌入到 View 中。

因此重置所有约束。选择您的两个按钮并将它们嵌入 View 中:

之后设置此 View 始终居中对齐:

此时需要设置:

• 按钮的高度和宽度
• 按钮之间的距离
• View 的高度和宽度:
  • 高度=(按钮的高度+按钮之间的距离)
  • width = 按钮的宽度
• 为按钮设置顶部和底部约束，以便它们适合 View ；例如顶部按钮:

这是我的最终结果:

iPhone 6 人像:

和风景: