【极客班】Autolayout基础

Autoresizing

image.png

如上图所示，如果只是定义控件和上级视图之间的约束，可以考虑用Autoresizing；View那一栏显示了坐标原点以及长宽；通过选择四个方向的红色柱子，就能固定它的位置；无论是在哪个屏幕中，控件的位置都是一致的。

Autolayout

Autolayout比起Autoresizing能支持更多样的视图关系和定位关系。可以选择下图来添加上下左右位置、长宽以及长宽相等等约束。

image.png

位置约束如下图，有两个具体位置的描述、关系以及具体的值和比例值。其中位置又包括上部，中间以及下部；关系包括大于、小于以及等于。

image.png

image.png

而长宽比例约束不同，它只有长和宽两个选项；Mutltiplier可以设置两个项目的比例关系。

image.png

adaptive layout

iOS 6出现拟物风格；
iOS 7出现扁平化
iOS 8出现自适应
iOS 9出现分屏多任务

image.png

由于屏幕可以选择，上图两种方式需要subView的排布方式不同；所以就出现了Adaptive。

image.png

上图是设置是ipad/iphone还是其倒置的布局；分为regular/any/compact三种情况，其中regular是大，any是大小都有，而compact是小；具体设置如下图：

image.png