autoLayout自动布局

autoLayout 有两个核心概念:

约束:就是对控件进行高度,宽度,相对位置的控制

参照:多个控件时,一个或多个控件以其中的一个为基准进行高度,宽度,位置的设置

当选择了 use auto layout 的选项之后 左侧就会多出两个东西 :top layout guide 和 bottom layout guide

代表上面和下面的范围,点击top layout guide 会发现状态栏下方会有一条线。添加约束的时候会相对于这条线。

删除约束的方法:选中一个约束,按delete键就可以

出现警告的时候可以点上面截图中按钮用update frames来修复。

当要进行约束的控件在top layout guide 的下面时会出现第二个参照,如果控件的位置超过了这个参照就不会出现。

添加约束的时候默认是选择Constrain to margins选项的,这样当左边想靠到最边时,值应该写成负数,

或者把这个选项去掉,然后填写数值为0就可以了。

参照:当想要一个控件想要参照另一个控件的位置和大小做参照的时候,先选中两个以上的控件,这样就可以设置

选中的控件的做参照。

 在上面第一幅图中可以设置选中的几个控件的对齐方式。第二幅图中可以设置选中的多个控件的宽高比。

例如,相要设置两一控件其中一个是另一个的宽度的0.5倍,可以先选中两个控件设置他们Equal Widths,宽度相等,

然后在约束属性那里点Edit,或者双击这一行,设置Multiplier=0.5

另一个属性constant是可以设置偏移常量,例如一个按钮要距离中心点偏上50point,可以先设置它的水平居中,然后

设置constant=50

原文地址:https://www.cnblogs.com/longling2344/p/4836971.html