iOS开发笔记：自动布局（AutoLayout）学习

说到iOS的适配，确实是个头疼的问题，像我这样对代码布局不太熟悉的新手，更是无语。所以无论如何，今天也要把AutoLayout熟悉一下。

关于StackView：

虽然苹果在iOS9之后推出了StackView这个强大的组件，但是，由于手机系统必须是iOS9以上才能使用，所以对于很多支持iOS8的APP项目而言，还是望而却步（所以我也只能继续研究AutoLayout了）。

关于Autoresizing和AutoLayout：

Autoresizing基本上已经是过时的布局方式了，而AutoLayout现在比较主流，这里有Autoresizing和AutoLayout的详细介绍。我也是通过这篇文章对AutoLayout有了初步的了解，好文共享！

至于如何进行学习AutoLayout，我现在的了解程度，只有短短不到两个小时。实在是没法给出有用的教程建议，我会在一周后来写一篇教程，以我的了解来详细介绍AutoLayout的入门介绍。

Step1：虽然只了解一点点，但还是老方法，先找一个的样板，然后模仿：

要模仿的APP

找了半天的APP素材，就发现这个比较好模仿，这个界面看起来很不错，我也能用AutoLayout做出来。

不是太了解代码或者Autoresizing的布局方式，但是要做出这个效果，应该会花上不少时间吧，特别是当应用在不同型号的iPhone上时，应该会花不少功夫吧。

Step2：分析解决：有15个图标（反正只看到15个），每个的大小相同：

新建工程：

添加15个button

这里我为了省时间，也为了便于观察，就拖了一个Button到View中：然后设置一个背景颜色和白色字体，复制粘贴15个出来，然后大致对齐一下

Step3：用AutoLayout布局：

界面看起来位置很乱，这就对了，不要管，布局交给AutoLayout来：

6步设置好AutoLayout

操作过程如上图：1、全选15个Button，2、不留白边，3、设置约束（点击短线变成实线），4、设置button的宽高一致，5、让修改的设置布局立即执行，6、点击Add Constraints。搞定：

AutoLayout出来的界面

模拟器运行（为了直观看见大小，我设置了一个Button的背景颜色蓝色）：

6s-P运行效果

Step4：完善细节（偷点懒，节省下时间，早点睡觉………就不对我们要模仿的那张图一一取色了，时间多有兴趣的小伙伴可以继续完善）：

修改Button名字、字体大小和背景颜色，然后运行：

运行效果6s-P

运行效果5s

AutoLayout，很方便的布局方式，节省了不少的布局上的的时间，极大的优化了不同尺寸iPhone的适配。

ps：AutoLayout了解还是太少，加之写的太仓促，总之有待继续学习。
睡觉！睡觉！