1. 程式人生 > >Autolayout下設定多個View等比例排列

Autolayout下設定多個View等比例排列

在實際開發過程中,經常會遇到將多個按鈕等比例排列之類的介面,下面的方法是在IB中使用autolayout特性實現這種介面。 1.首先拖進去一個View作為容器,根據實際情況設定好這個view的約束:
2.拖入最左邊的View,並設定其與容器View的上下左右的間距均為0:
3.修改最左邊View的約束的Multiplier引數,需要排列多少個View,這個引數就設定為幾。這裡我們將其設為4,因為要排列4個View。
  回車,效果如下:
4.拖進第二個View:
5.設定第二個View距離上下的間距為0,距離左邊View的間距為0:
6.同時選中第一個View和第二個View,設定寬度相等:
     出現黃顏色的警告線:
   更新第二個View的Frame,使得黃顏色的警告線消失:
效果如下:
7.同樣的方式,拖進第三個和第四個View,效果如下:

8.執行程式,最終的結果如圖所示: