Storyboard使用技巧：使用比例方式布局

Storyboard對于多螢幕适配來說再合适不過了！但是有一些技巧可能很容易被忽略，由于最近做比例方面适配，今天就着重介紹使用比例來控制布局。

在實際項目開發過程中，有些布局是按照比例來确定大小的，這個時候用下面的方法可以減少你的代碼量，完全可以在Storyboard中完成！

下面介紹subview相對于superview的比例。完成從一個控制器裡面添加一個Button，并使

Step 1

• 添加一個UIButton，并使用布局使它居于view中心
• 在Storyboard中添加一個UIViewController，然後往裡面添加一個UIButton
• 選中Button，在右下角的快捷操作中如圖所示進行設定，點選Add 2 Constraints。

  

• 此時，你可能還需要再次選中這個Button，再使用快捷鍵Command+option+=修複frame，這時Button的frame和layout的限制才會對應起來。如果不修複frame也不會影響實際運作的效果，但是Xcode會提示警告！

Step 2

• 在View的樹形圖中，先選中View再選中Button。

  

• 如圖所示添加限制，勾選Equal Widths，點選Add 2 Constraints。

  

Step 3

• 選中Button如圖所示編輯限制的參數，Multiplier設定為1:4

Done

Command+option+=修複frame

補充

• 相同層級和不同層級的view之間都可以用這種比例方式确定大小，但是必須有條件先确定其中一個view的大小。這裡說的條件，指的是限制，或者UIViewController.view這種由父級容器确定了大小的條件。

  一般情況下，寬度和高度需要分别設定比例，看需求而定。

  寬度和高度之間也可以設定比例，設定方法和上面基本相同，不同的是，隻需要選擇一個view，添加限制的時候隻勾選Aspect Ratio，設定比例的方法同上。

參考自：

• segmentfault
• 簡書作者： Kandy