iOS开发中使用AutoLayout进行不同屏幕尺寸匹配

       自从发布了iPhone6和plus后，苹果手机的屏幕尺寸就变成了3.5寸，4.0寸，4.7寸，5.5寸。屏幕适配问题就变成了一个比较严峻的问题。界面布局会在不同尺寸上产生较大的影响，影响用户体验。现在我们需要使用苹果新发布的AutoLayout来匹配不同的界面布局。具体步骤如下：

（1）在storyboard中，设计如下布局，在界面底部显示一行文字。

。

（2）然后分别在iPhone4s和iPhone5s上运行。可以发现在4s上是一片空白，因为我们设计的时候是在4寸的屏幕上设计的，而4s屏幕只是3.5寸，所以这些底部的文字被挤到屏幕外面看不到了。然后在4寸的5s上显示正常。

。

。

（3）开始使用AutoLayout进行自动布局。选中当前ViewController，在右侧勾选“Use Auto Layout”.并且在右上角选择“Show the Assistant Editor”.并且选择预览功能，可以看到当前界面布局能在不同设备上显示出来。

。

（4）在第一个界面右下角点击“Resolve Auto Layout Issues”,如图所示：

。

（5）点击“Add Missing Constraints”,为当前界面添加约束。然后界面就会自动匹配到不同的尺寸上。

。

（6）分别在4s，5s上进行测试。

。

。

       这样，就能完成不同屏幕的适配了。

github主页：https://github.com/chenyufeng1991  。欢迎大家访问！