使用Storybord或Xib 的 AutoLayout入门晋阶 参考字典

使用Storybord或Xib 的 AutoLayout入门晋阶 参考字典

 

：多视图校准约束布局按钮

：视图约束布局按钮

：自动约束布局按钮

 

一、多视图校准约束布局按钮：

 1 2 3 4 若用过autoresizing的人很容易理解，用法一样，多加自定义固定距离，方便使用扩展性高。

1 2 3 4 5 6 7：用于多视图对齐

8 9：可用于单视图或多视图

1．         垂直左对齐

2．         垂直右对齐

3．         水平上对齐

4．         水平下对齐

5．         多视图垂直居中，以水平固定好的视图为准

6．         多视图水平居中，以垂直固定好的视图为准

7．         基线与6用法一样，本人没发现右那些不同

8．         与屏幕垂直居中

9．         与屏幕水平居中

 

二、视图约束布局按钮：

 

 

1. 上边距固定，垂直上方向最近的视图进行固定
2. 右边距固定，水平右方向最近的视图进行固定
3. 下边距固定，垂直上方向最近的视图进行固定
4. 左边距固定，水平左方向最近的视图进行固定
5. 固定宽度
6. 固定高度
7. 多视图宽度固定
8. 多视图高度固定
9. 选项与多视图校准约束布局按钮相等

 

 

Update frames选项：

 

None：默认，没有frame

Items of new Constraints：多条新约束

All frames in container：全部框架集合进行添加

 

二、自动约束布局按钮：

 

1. 更新当前选中视图的框架，可以自动调整框架大小
2. 更新当前选中视图的约束，可以自动调整约束距离
3. 自动添加选中视图所需要的约束（不太准，有时候会乱加约束）
4. 重新设置当前选中视图的约束
5. 清除当前选中视图所有约束
6. 更新当前选中控制器的所有视图框架，可以自动调整框架大小
7. 更新当前选中控制器的所有视图约束，可以自动调整约束距离
8. 自动添加选中控制器的所有视图所需要的约束（不太准，有时候会乱加约束）
9. 重新设置当前选中控制器的所有视图的约束
10. 清除当前选中控制器的所有视图的所有约束