在使用xib和storyboard时AutoLayout是必不可少的一个技术。
但是在AutoLayout在使用时会有一些进阶用法,平时可能用的不多。

相等间隔排布控件

最核心要使用的参数就是Multiplier。翻译为乘数。我理解为比例。

今天我仔细讲解一下如何计算这个Multiplier

首先我们要来设置一下layout。
四个图标宽高相等,并且与父视图宽相等。

image.png

然后设置第一个中心线Y方向 Multiplier 为0.25
image.png
第二个 为0.75
第三个为1.25
第四个为1.75

计算方法。

image.png

如图分为上下半边。
上面是0.5+1+0.5 = 2
把上面视为总量1。1/2=0.5每一份为0.5。
那第一个组件中线就是0.5 * 0.5(份数)=0.25
第二个第三个以此类推