iOS的多屏幕适配--Auto Layout与Size Classes

当我的新App面临着iPhone4、5、6、6P 四个系列机型适配时，感觉终于和Android一样了，多屏幕适配的问题终于来了。

想起Android众多的机型适配就有些嘘嘘，幸好，iOS有它的独特武器--Auto Layout与Size Classes。

Auto Layout是解决这个问题的第一步，而Size Classes则更进了一步。

 

关于Auto Layout

Auto Layout从iOS6开始引入，基本已经广泛使用了，官方定义是Auto Layout Is a Constraint-Based, Descriptive Layout System. Auto Layout是一种基于约束的，描述性的布局系统，它通过内定的Constraint(约束)和各项条件来计算出合理的布局。

 

关于Size Classes

Size Classes是对老式UI思路的全新抽象：把各个设备屏幕（iPhone4,5,6,6P,ipad）以及它们的屏幕旋转状态都抽象成屏幕Size的变化，将这些Size归纳成几个类别（Class），3x3共9种Size，每种Size都可以设置特定的一套布局，如果不特殊指定，默认是在（宽任意，高任意）模式下设置，其他8种布局继承它。

相对来说，iOS对UI这块的改动是跨时代性的，Auto layout的出现使得布局的复杂度减少到了View与View的关系上，由根View（也就是屏幕）指定frame，所有子View作相对布局，把frame的概念归一化到根View的frame上；但有了SizeClass后，根视图的frame概念也被移除了，这下整个App的UI和frame已然脱离关系。

忽然想起，这和Android中的match_parent、layout_margin惊人的相似，相互借鉴乎？殊途同归乎？

相比iOS过往，Size Classes的出现是UI布局的一大进步，但相比Android来讲，则还显得不够深入和彻底（分为9种Size）。Android放得更开，只给（宽任意，高任意）一种模式，但是它有fill_parent、wrap_content、layout_margin等非常直观、高效、好用的语句来配合，使用起来非常方便，界面适配也更广。

有一点需要吐槽的是，Auto Layout在storyboard和nib文件里使用还好，纯代码手写就比较冗长和繁杂了，不过也有解决方案，比如使用Masonry。

 

关于Auto Layout与Size Classes的具体使用，推荐一些参考资料供参阅

1、为iPhone6设计自适应布局

http://www.cocoachina.com/ios/20141020/9978.html

2、Auto Layout的基本介绍

http://www.cnblogs.com/thefeelingofsimple/p/3316300.html

3、喵神的大作 – Auto Layout入门

http://onevcat.com/2012/09/autoayout/

4、iOS 8 Size Classes 初探

http://blog.sunnyxx.com/2014/09/09/ios8-size-classes/

5、在 Interface Builder中使用Size Classes

http://article.yeeyan.org/view/126760/424005

6、Masonry介绍与使用实践(快速上手Autolayout)

http://adad184.com/2014/09/28/use-masonry-to-quick-solve-autolayout/