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

Storyboard對於多屏幕適配來講再合適不過了！可是有一些技巧可能很容易被忽略，今天要介紹的使用比例來控制佈局可能就是其中之一。

在實際項目開發過程當中，有些佈局是按照比例來肯定大小的，這個時候用下面的方法能夠減小你的代碼量，徹底能夠在Storyboard中完成！

下面介紹subview相對於superview的比例。完成從一個控制器裏面添加一個Button，並使Button.width = Button.superview.width/4;

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，設置比例的方法同上。