轻量级应用开发之（06）Autolayout自动布局1

一 什么是Autolayout

  Autolayout是一种“自动布局”技术，专门用来布局UI界面的。

  自IOS7 (Xcode 5)开始，Autolayout的开发效率得到很大的提高。

  苹果官方也推荐开发者尽量使用Autolayout来布局UI界面。

  Autolayout能很轻松的解决屏幕适配的问题。

 Autolayout的两个核心概念：

1 参照

2 约束

二 Autoresizing

 在Autolayout之前，有Autoresizing可以做屏幕适配，但局限性较大，有些任务无法完成。

 

三 使用storyboard在预览UI在不同屏幕上的运行效果

1. 创建一个测试项目

1） 关闭自动布局

打开面板（Main.storyboard）-> 点击 View Controller -> 取消 Use Auto Layout .

 默认是  302 * 520 的尺寸， 是IPhone 5S的尺寸。

 2）在main.storyboard中添加一个UIView

在main.storyboard中添加一个UIView,背景颜色为红色。并为它添加一个右边，下面的约束。

3)打开预览界面

 点击双环会出现一个新的界面，在新的界面点击右上角，选择 Preview ， 选中 Main.storyboard(Preview).按住 commond + shift左右移动预览界面。

经过上面的操作会看到以下界面。

通过点击+来添加预览机型。双击机型外面来扩大和缩小预览图。