Auto Layout

"对用户来说,界面就是产品。 - 阿扎 拉斯金"

屏幕进化史 - 点系统

• iPhone4 之前 : 320 x 480像素 1个点对应1个像素
• iPhone4 (Retina屏) : 1个点对应2个像素 640 x 960像素

• 点系统 : 320x480(5之前) 320x568(5/5s)
  没有自动布局,Storyboard的布局是以像素计算的(绝对布局)

  
  
  

  1.png

基于约束?

• 自动布局基于约束
  中心思想:你如何描述一个元素的位置?

自动布局的瓶颈

越来越多的UI元素,越来越多的移动设备产品......
CSS - Flexbox 弹性盒子 --> iOS - UIStackView 堆叠试图

什么是堆叠试图?

容器:
Word、Powerpoint:可以把多个对象组合在一起,整体移动或者调整尺寸。
UIStackView:1.可以把多个UI对象组合起来，整体对外布局；
2.内含各组件排列和分布机制；
3.无限嵌套。

SizeClass

高	宽	常规	紧凑
height	width	regular	compact

demo-->github