IOS界面UI设计2之屏幕适配AutoLayout、size classes(一)

在IOS7之前 Xcode5之前，IOS中屏幕适配、页面布局都是采用坐标＋AutoResizing。

因为乔布斯在的时候估计也没想过改变手机的屏幕，所以用的这个屏幕适配模式。

但现在不行了，由此产生了一个新的页面适配工具：AutoLayout

它有两个基本概念组成：参照系 ＋ 约束条件

如果这里不用Auto Layout ：就可以使用AutoResizing

一个表示对其方式 一个表示约束距离。

黄色，代表约束之后需要调整新的view的位置和大小。

红色，表示约束不完整或者有冲突。

AutoLayout01

（1）    水平垂直居中布局，图片需要根据黄色来调整。

黄色的警告是可以修复的，但是如果是左边的有黄色，不能自动调整，说明有冲突。界面中的黄色，可以调整xy的坐标。

（1）    距离前后左右布局约束

水平居的高和底是整个界面上的，所以下面的选项要选上面的：

这里的4个颜色都要变红色。说明生效了设置。

可以直接点击左边的黄色的立即生效，或者手动修改xy。宽高等。