2015-12-30 74 views
0

我有四個子視圖的UIViewController中它看起來像下面的圖片第一子視圖是屏幕的50%,其餘三個子視圖佔據view.In剩餘的50%的底前25%其將佔據2:1的比例範圍。剩餘佔25%的視圖。它的位置將正確定位ipad橫向視圖,但在縱向視圖中第一視圖佔據70%以上。如何解決這個多UIView的自動佈局問題

UIVIEW

+0

我看到你提到的5個子視圖的子視圖4。你可以在紙上畫一張照片,看看它的外觀。我可以幫助您進行自動佈局。 –

+0

@GaneshKamath對不起,錯字錯誤只有4個視圖我想在自動佈局概念中顯示ipad縱向和橫向視圖 – Ben10

+0

我已經寫了解決方案。讓我知道你是否想要更清晰。 –

回答

1

我已經按照你想要的東西創建的安裝。請檢查下面的截圖。

以下是創建此設置的步驟:
1.將四個視圖添加到主視圖中。
2.添加前導,頂部和從棕色視圖到主視圖尾隨空間的限制。
3.將紫色視圖的垂直間距和主要約束添加到棕色視圖。
4.添加垂直間距,尾隨和從綠色視圖到棕色視圖相等的高度的限制。
5.將綠色視圖的底部空間約束添加到主視圖。
6.從紫色視圖綠色視圖添加水平間距和相等的寬度的限制。
7.添加垂直間距,導致,拖尾和相等的高度從橙色視圖到紫色視圖約束。在尺寸檢查器中將此等高度約束的乘數值從1更改爲0.5(請參見上一個屏幕截圖)。
8.將底部約束從橙色視圖添加到綠色視圖。

1.瀏覽在故事板:
Views in Storyboard

2.視圖層次和約束:
View Hierarchy and Constraints

3.捷漢語在人像:
iPad Screenshot in Portrait

4。 iPad的屏幕截圖景觀:
iPad Screenshot in Landscape

5.尺寸檢查:

Size Inspector