如何使用情節提要自動布局為所有iPhone設備（例如4,5,6和6+）設計自動適配

Question

我需要幫助來設計故事板上的單個視圖控制器中3行和2列uibutton的布局。 它適用於所有iPhone設備，例如4s，5,6和6 plus。 我不知道如何使用約束。 請指導我這樣做。 這是我想要的示例圖像

Answer 1

我已經為您的問題鏈接設置了一個github回購

腳步：

1）頂欄高度= 0.17 * superview.width

2）底欄高度=頂欄高度

3）MidSection覆蓋了頂部平板和底部平板之間的所有區域

4）行1的高度=中段的高度* 0.33

5）單元格1的寬度=行1的寬度* 0.5

這些是主要的限制條件，希望對您有所幫助

Answer 2

跟着這些步驟。

1. 固定頂視圖的高度（在您的情況下為綠色視圖）。 將Superview的Leading，Trailing和Top約束設為0。

2. 固定底視圖的高度（灰色）。 將Leading，Trailing和Bottom約束設為0。

3. 現在，在頂視圖和底視圖的中間放置一個視圖。 將Leading，Trailing，Bottom和Top約束設為0。

4. 將button1放在中間視圖中。 給Leading和Top約束0和寬度與中間視圖成正比，這樣按鈕應為中間視圖的一半。

5. 用乘數0.3給出與中間視圖成正比的button1的高度。 （如果需要，更改乘數值）

6. 制作一個與button1相同的按鈕。 設置高度和寬度等於button1。 但是到中間視圖的尾隨空間為0。還有頂部約束。

7. 對其余四個按鈕執行相同的操作，但根據要求提供前導空格或尾隨空格。

這里重要的是按鈕1的高度。 您需要檢查所有設備中的每個值。 否則，您可以簡單地使用滾動視圖並固定其內容高度。

如果需要，請檢出圖像。

希望這對您有所幫助。

Answer 3

本指南應為您提供幫助。 自動版式指南

Answer 4

我為此做了一個示例項目。 您可能會從中得到一些想法；

http://jmp.sh/Xli1hQ1