XCode 7.2 -- 如何使用Auto Layout完成下面的布局
XCode 7.2 -- How to accomplish the layout below using Auto Layout
尝试使用自动布局和设置约束来完成下面的布局。
布局本身由四个 UIView 组成（顶部和底部占据屏幕的整个宽度，中间的两个并排占据一半宽度）。
然而，在学习了很多关于自动布局和设置约束的教程之后，最接近我想要的结果的是下面的两张图片：
或
我已经玩弄了所有个人视图的约束，直到所有橙色和红色 marks/lines 消失，只剩下蓝色，但我无法得到想要的结果。
知道如何使用自动布局和约束来实现这一点吗？
- 对于此布局，您将需要 5 个 UIView。
- 对于第一个视图
(RGB: 233,132,125)，您需要设置 top、trailing 和 leading约束并使其高度0.3%的Superview.
- 对于第二个视图，您将需要一个主视图，它的 高度 大约为 60 到 80，并且它将具有 垂直间距 从上面的观点和 leading 和 trailing 约束。
- 现在在这个视图中，你将有它的两个子视图
[RGB :220,250,138 and RGB :152,250,253 ]（你可以使用 UIButtons 或 UIViews 或 UILabels，任何你想要的）。
- 对于这两个子视图，其高度将等于其父视图和宽度 将是其超级视图的一半，以及超级视图中的垂直居中和尾随space 用于 X 位置。
- 对于最后一个视图
(RGB : 204,135,248)，您必须将它们与 top、bottom、 绑定leading and trailing spaces.
我知道这个理论描述会让您感到困惑，所以请在此处查看视频中的这些内容：https://youtu.be/XUh1n7X8ZRY
您可以根据需要调整视图的高度。
尝试使用自动布局和设置约束来完成下面的布局。
布局本身由四个 UIView 组成（顶部和底部占据屏幕的整个宽度，中间的两个并排占据一半宽度）。
然而，在学习了很多关于自动布局和设置约束的教程之后，最接近我想要的结果的是下面的两张图片：
或
我已经玩弄了所有个人视图的约束，直到所有橙色和红色 marks/lines 消失，只剩下蓝色，但我无法得到想要的结果。
知道如何使用自动布局和约束来实现这一点吗？
- 对于此布局，您将需要 5 个 UIView。
- 对于第一个视图
(RGB: 233,132,125)，您需要设置 top、trailing 和 leading约束并使其高度0.3%的Superview. - 对于第二个视图，您将需要一个主视图，它的 高度 大约为 60 到 80，并且它将具有 垂直间距 从上面的观点和 leading 和 trailing 约束。
- 现在在这个视图中，你将有它的两个子视图
[RGB :220,250,138 and RGB :152,250,253 ]（你可以使用 UIButtons 或 UIViews 或 UILabels，任何你想要的）。 - 对于这两个子视图，其高度将等于其父视图和宽度 将是其超级视图的一半，以及超级视图中的垂直居中和尾随space 用于 X 位置。
- 对于最后一个视图
(RGB : 204,135,248)，您必须将它们与 top、bottom、 绑定leading and trailing spaces.
我知道这个理论描述会让您感到困惑，所以请在此处查看视频中的这些内容：https://youtu.be/XUh1n7X8ZRY
您可以根据需要调整视图的高度。