iOS 6 编程 - 自动布局（Auto Layout）系列文章

iOS 6 在应用程序用户界面开发中，引入了自动布局（Auto Layout）概念。自动布局使用约束（Constraint）在用户界面描述各类视图的位置、行为和关系。

在Xcode 4.5中，我们可以使用Interface Builder，或者可视化格式语言（Visual Format Language），或者标准的SDK API调用（NSLayoutConstraint类）等等三种方式来创建约束（Constraint）。

Auto Layout用这些Constraints 来对所有的视图进行一些计算，设置视图的位置和尺寸。不再需要设置视图的frame属性，也就是完全基于针对视图或元素所设置的Constraints来布局界面的视图元素。

使用Xcode 4.5 创建App时，Auto Layout功能在所有nib或Storyboard 文件中，默认是enable（开启的）。具体设置的地方，可以查看之前的文章。

在iOS 6 引入自动布局之前，我们使用springs and struts模式来设计可旋转和调整大小的用户界面。简单归纳和回顾一下，主要有三种方法：

1. 自动旋转和自动调整大小

通过在Size Inspector面板中，设置各类视图的Autosizing属性，无需编写代码，但这种仅适用于UI比较简单的应用。

2. 调整视图框架（frame属性）

每一个UI 元素在屏幕上都由一个矩形区域定义，这个矩形区域就是UI 元素的frame属性。可以使用C语言函数CGRectMake(x,y,width,height) 来重新定义视图的frame属性。

如果UI元素比较多，这个需要跟踪每一个UI元素的大小和位置，代码设计起来比较麻烦。

3. 重新设计不同的视图-横向和纵向视图

在每一个场景中分别定义横向和纵向2个视图，这个每一个视图都需要定义独立的输出口。虽然2个视图和同一个视图控制ViewController关联，但是不能共享输出口，在视图控制器中需要交互的UI元素数量会变成 2 倍。当然优点是，不同的视图完全独立开了，避免相互影响。

上述三种方式在开发过程中，都存在一些缺点。iOS 6 引入的自动布局（Auto Layout）正是为了改进这个不足之处。个人觉得也可以适应之后不断增多的不同尺寸的iPad、iPhone设备。

 

iOS 6 编程 -- 自动布局（Auto Layout）相关文章：

iOS 6编程(15)-创建自动布局（Auto Layout）简单应用

iOS 6编程(16)-Interface Builder自动布局功能

iOS 6编程(17)-自动布局深入演示

 

 

未完待续！！