ios 界面布局

一、界面常用参数

• iPhone屏幕：
  a> UIStatusBar 状态栏高20点
  b> UINavigationBar 导航栏、工具栏、搜索栏、搜索范围栏、表示图单元格等，高44点，ios最常用高度
  c> 标签栏49点

二、界面布局设计模式

• 表单布局模式
  如登录界面和注册界面，可以使用静态表视图实现。
• 列表布局模式
  使用动态表视图，同时需要实现表视图的委托协议和数据源协议相关方法。
• 网格布局模式
  与列表布局相似，列表一列，网格多列，采用集合视图实现。StackView堆视图，可以实现管理垂直方向和水平方向排列的布局。

三、传统布局技术

• 特点：
  只能设置视图与屏幕的上下左右边距
• 实现：
  一般Auto Layout是自动选中的，可以在文件检查器中取消Use Auto Layout 和Use Size Classes复选框。

图片.png

传统布局需要设置控件与屏幕的绝对距离，在尺寸检查器中，虚线代表相对距离，实线代表绝对距离，
注：模拟器中屏幕旋转的快捷键 command + 左右箭头

四、Auto Layout 布局技术

• 特点：
  用一套约束定义视图之间的关系
• 实现：
  a> Interface Builder

图片.png

1、stack 将视图对象添加到堆视图StackView
2、对齐，创建对齐约束，如居中
3、Pin，创建距离和位置的相关约束，如视图高度，指定与其他视图的水平距离等
4、解决布局中的问题

b> 代码

五、ios9 堆视图 StackView

类UIStackView，是一种容器视图。