多个 UIVIew 自动布局问题答案

【问题标题】：Multiple UIVIew Autolayout issue多个 UIVIew 自动布局问题
【发布时间】：2016-04-04 01:23:39
【问题描述】：

我有一个 UIViewController 有四个子视图，如下图所示，第一个子视图占屏幕的 50%，其余三个子视图占据剩余 50% 的视图。在底部的前 25% 中，它将占据 2:1 的比例range.remains 占 view.remains 的 25%。它将正确定位 ipad 横向视图，但在纵向视图中，第一个视图占 70% 以上。如何解决这个问题

【问题讨论】：

我只看到 4 个子视图，正如您提到的 5 个子视图。你能在一张纸上画画，然后拍一张它应该是什么样子的快照吗？我可以帮你自动布局。
@GaneshKamath 抱歉，兄弟拼写错误只有 4 个视图我想在自动布局概念中显示 ipad 纵向和横向视图
我已经写好了解决方案。如果您想更清楚，请告诉我。

标签： uiview uiviewcontroller autolayout ios9

【解决方案1】：

我已根据您的需要创建了设置。请查看以下屏幕截图。

以下是创建此设置的步骤：
1.将四个视图添加到主视图中。
2. 将棕色视图中的前导、顶部和尾随空间约束添加到主视图。
3. 将紫色视图的垂直间距和前导约束添加到棕色视图。
4. 从绿色视图到棕色视图添加垂直间距、尾随和等高约束。
5. 将绿色视图的底部空间约束添加到主视图。
6. 将紫色视图的水平间距和等宽约束添加到绿色视图。
7. 从橙色视图到紫色视图添加垂直间距、前导、尾随和等高约束。在尺寸检查器中将此等高约束的乘数值从 1 更改为 0.5（请参见最后一个屏幕截图）。
8. 将橙色视图的底部约束添加到绿色视图。

1. Storyboard 中的视图：

2.查看层次结构和约束：

3. iPad 纵向屏幕截图：

4. iPad 横屏截图：

5.尺寸检查员：

【讨论】：