一步一步学习Swift之(三)：巧用AutoLayout布局

一些初学者经常在使用autoLayout时，做得效果不太理想，经常会出现界面错乱的情况。

本文章用一个小实例说明autoLayout的使用

非常的简单，只要记住 规则就可以使界面适屏布局，适配各种iphone手机的屏幕

1.新建一个swift项目(以Single View Application模板新建项目)

将Main.storyboard中的默认的ViewController 设为iPhone 4-inch 尺寸（也就是iphone 5s的屏幕大小）

2.往View上放一些按钮(UIButton),并设置一下背景颜色，方便 看得清楚 。如图下

这时候使用 iphone5s的模拟器运行，将看到屏幕很漂亮，但用iphone6 模拟器或iphone6 plus模拟器 再运行一下就全是向左上方向靠了。

3.我们的目标就是要它像iphone5s模拟器上的样子。

首先处理第一个按钮：选中第一个按钮，点击下方 |-口-|这个图标，弹出的窗口，为其添加Constraints

注意:这里是不用考虑数值的，默认是多少就是多少。只需要设置你所需要让按钮往哪边拉，占位置。

很明显第一个按钮需要添加：上左右的Constraints 并加上个高度Hight，让其高度固定

4.同理第二排按钮中的第1个 应设置：左、上Constraints +固定宽Width+高Height。

视频演示地址：http://v.youku.com/v_show/id_XOTI2NTU4MDA4.html

原文出自：http://www.cnblogs.com/wuxian/p/4396962.html 转载就注明来源