XCode 7.2 - 如何使用自动布局完成以下布局

Question

尝试使用自动布局和设置约束完成以下布局。

本身是由四个UIViews（顶部和底部的人占据屏幕的整个宽度，两个中间的人并排每次服用的宽度的一半）的布局。

然而，在自动布局和设置的限制很多教程后，我能得到我想要的结果最接近的是以下两个图像：

OR

我玩过所有个人观点的限制，直到所有橙色和红色的标记/线条消失，只剩下蓝色的标记，但我无法达到预期的效果。

任何想法如何使用自动布局和约束来实现？

Answer 1

• 对于这种布局，您将需要5个UIViews。
• 对于需要设置顶部，尾随和领先约束并使其高度0.3％的SuperView的第一个视图(RGB: 233,132,125)。
• 对于第二视图你将需要一个主视图，其可具有高度的大约60为80，将具有从上方视图垂直间距和领先和尾随约束。
• 现在，在这个视图中，您将拥有两个子视图[RGB :220,250,138 and RGB :152,250,253 ]（你可以把UIButtons或UIViews或UILabels，任何你想要的）。
• 对于这两个子视图的其高度将等于它的父视图和宽度将一半它的父的，以及在超视图垂直中心和尾随空间为X-Position。
• 而对于最后一个视图(RGB : 204,135,248)已与顶部，束缚他们底，领先和尾随空间。

我知道这个理论描述会迷惑你的视频在这里所以来看看这些东西：https://youtu.be/XUh1n7X8ZRY

，因为你需要为你的意见，您可以调整高度。