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.运行程序，最终的结果如图所示：