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

，因爲你需要爲你的意見，您可以調整高度。