设备方向发生变化时出现Autolayout约束问题

Question

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

1）按钮应居中对齐。

2）按钮应该有相同的宽度和高度。

3）按钮应该具有在垂直方向都（横向和纵向）

我有状态第3期从上海华盈的中心距离相等。我希望UI在所有尺寸的设备上都是统一的。

是否可以使用自动布局来实现这一点，或者我需要更新方向更改的约束条件？

我想添加另一视图中上海华的中心，并应用以下约束这一观点实现的愿望UI

1）添加尺寸的另一透视图（上海华的宽度，1）

2 ）将水平和垂直中心对齐约束添加到新添加的视图。

3）添加新增视图的所有必需约束，如宽度，高度和x位置。

现在只要这两个按钮这样

4）底部空间约束按钮1添加与新添加的视图 5）按​​钮2添加顶部空间的限制与新添加的视图

所以，这将在所有方向和所有尺寸的设备上保持不变。

这种方法不好，因为我们需要添加额外的视图。 请提出建议，如果有人有更好的方法/想法

Answer 1

我认为最好的实际解决方案是在视图中嵌入按钮。

所以重置所有的约束条件。选择您的两个按钮，并把它们嵌入在一个观点：

那套这一观点在中心始终一致后：

此时，您需要设置：

• 高度和宽度为您的按钮
• 之间的距离按钮
• 的高度和宽度为视图：
  • 高度=（按钮之间的按钮的高度+距离）
  • 宽度=按钮
  的宽度
• 机顶盒和用于按钮底部的限制，所以他们可以适合查看;例如，对于上面的按钮：

这是我的最终结果：

iPhone 6肖像：

和景观：

Answer 2

1）按钮应居中对齐horizo​​ntly。 选择一个按钮

2）按钮应该具有相等的宽度和高度。

选择一个按钮

3）按钮应该有从上海华盈的中心垂直两个方向（横向和纵向）等距离 选择一个按钮 让在中心

然后修改常量