在interface builder中设置多个等比例排列的View

完成效果

在interface builder中设置多个等比例排列的View_第1张图片

1、设置一个背景View

在interface builder中设置多个等比例排列的View_第2张图片

2、拖入最左边的View,设置上下左右与背景View间距0

在interface builder中设置多个等比例排列的View_第3张图片

3、修改左边的约束,你想排列几个View,就改成几。

在interface builder中设置多个等比例排列的View_第4张图片在interface builder中设置多个等比例排列的View_第5张图片

4、完成效果

在interface builder中设置多个等比例排列的View_第6张图片

5、设置第二个View,拖进去。

在interface builder中设置多个等比例排列的View_第7张图片

6、设置上下与背景View间距0,左边与第一个View间距0

在interface builder中设置多个等比例排列的View_第8张图片

7、同时选中第一、第二个View,设置它们等宽

在interface builder中设置多个等比例排列的View_第9张图片

在interface builder中设置多个等比例排列的View_第10张图片

8、完成效果

在interface builder中设置多个等比例排列的View_第11张图片

9、同样道理设置第三个View

在interface builder中设置多个等比例排列的View_第12张图片

10、拖入第四个View,设置上下右与背景View间距0,左边与第三个View间距0

在interface builder中设置多个等比例排列的View_第13张图片

11、搞定。


你可能感兴趣的:(排列,autolayout,等比例)