【iOS】自动布局（AutoLayout）和手写布局（frame）

1.1 AutoLayout原理

iOS 中视图所需要的布局信息只有两个，分别是 origin/center 和 size，在这里我们以 origin & size 为例，也就是 frame 时代下布局的需要的两个信息；这两个信息由四部分组成：

x & y
width & height
以左上角的 (0, 0) 为坐标的原点，找到坐标 (x, y)，然后绘制一个大小为 (width, height) 的矩形，这样就完成了一个最简单的布局。

Auto Layout 的布局方式与上面所说的 frame 有些不同，frame 表示与父视图之间的绝对距离，但是 Auto Layout 中大部分的约束都是描述性的，表示视图间相对距离：

A.left = Superview.left + 50  
A.top  = Superview.top + 30  
A.width  = 100  
A.height = 100
 
B.left = (A.left + A.width)/(A.right) + 30  
B.top  = A.top  
B.width  = A.width  
B.height = A.height

虽然上面的约束很好的表示了各个视图之间的关系，但是 Auto Layout 实际上并没有改变原有的 Hard-Coded 形式的布局方式，只是将原有没有太多意义的 (x, y) 值，变成了描述性的代码。

我们仍然需要知道布局信息所需要的四部分 x、y、width 以及 height。换句话说，我们要求解上述的八元一次方程组，将A、B视图所需要的信息解出来；Cocoa 会在运