"对用户来说,界面就是产品。 - 阿扎 拉斯金"
屏幕进化史 - 点系统
- 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
