AutoLayout（二）

若要做个如下所示的图形：

上图红色距离父控件的左右均为20，距离上部为20，高40，绿色距离红色为20，右边对齐，高度相等，宽度是红色的一半。
首先也是先将红色的约束设置好：

再设置绿色的约束：

再将两个图片分别选中，设置相互的约束：

注意：这里无法直接设置绿色的宽度是红色的一半，所以先将绿色设置为和红色的宽度相等，目的是先将两者产生关系。再通过如下步骤修改：
选中绿色，再点击右侧的图标显示为：

找到与红色等宽的那一个约束，点击Edit，如下图：

图中，表示绿色的宽度，等于红色的宽度乘以1再加上0，Multiplier:表示相乘的系数，等号后面表示要加上的数，这个数可以是正数，也可以是负数。要想让绿色宽度等于红色一半，只需要将乘以的系数改为0.5即可。如图：

结果为：

若将加的数改变，则变为-30，如图：

结果为：

总结：
有些图之间的相互约束，如果不是等高或者等宽，可以先设置为等高或者等宽，使两者先产生关系，再利用这个等式改变其宽高度即可。
另外，删除某个view的约束时，最好不要在左边删除，因为左边是所有的约束混在一起，而应该再右边删除，右边可以看的更直观。