ios 利用auto layout 快速约束xib和storyboardUI界面

1，首先创建工程，美术按照实际的比例出图（最好是2倍和3倍都出），不然会像素失真；

2，如图所示约束的对象

3，分析：需要约束的对象有，背景、猫头鹰（树一块的）、选择登录方式、登录方式按钮、隐私条款

（1），背景：将图片背景导入，选中图片，然后点击右下角的倒数第二个按钮，添加四周约束都为0即可（如图所示）

（2），猫头鹰：（这张图片是按照屏幕的宽切出来的），所以宽度就是屏幕的宽，高度也就跟着屏幕的宽度按比例缩放，整体居中偏上；

1>，约束左右距离边距都是0(如图所示)

2>,约束图片居中偏上（如图所示），

然后到右右侧栏显示尺寸的地方修改垂直居中的值设置为-50（如图）

3>,约束图片按照比例缩放（如图所示），当然这一步也可以在第一步的时候做了

（3），文字和登录方式按钮的约束，一般是将这些零散的空间都放到一个父视图上，这样方便管理和修改（如图所示黄色背景）

1>,父视图的约束（黄色背景），主要约束局两边的距离为30、高度为150、距离底部是5

2>,文字约束（选择登录方式），固定距父视图上边距的距离为5，然后水平居中即可

3>,两边的线条约束，这里是利用两个view做的线条，只需将他的与父视图和文字的距离、距离父视图上边距的距离设置好即可

左边的线条，距离左边0右边文字5，先不设置y的坐标

右边的线条，距离右边0左边文字5，先不设置y的坐标

将两条线条和文字一起选中，设置垂直方向对齐

（4），设置登录方式图标，四个图标的间距是一样的，那么就在四个图标中间添加三个辅助的视图（如图所示）

1>,将它们全部选中，设置垂直居中

2>,从左只有挨个设置间距（全部是0），选中第一个视图进行约束，后边的只需要约束右边的距离为0即可

3>,其实辅助的白色视图是没有高度的，在这里设个高度为20

4>,这三个白色视图的高度和宽度是一样的，所以全部选中，设置等款登高

5>，最后就是这样子的了

最后将屏幕换成4.7寸（6），

将所有的颜色这职位透明即可！