首页 > 代码库 > iOS AutoLayOut

iOS AutoLayOut

效果实现:

StoryBoard效果:

技术分享

iPhone6横屏效果:

技术分享

iPhone6竖屏效果:

技术分享



约束线条颜色:

黄色缺少约束 红色错误约束蓝色正确



功能简介:

功能一区:

技术分享

Add New Alignment Constraints(添加新的对齐约束)

第一部分:多个视图边缘对齐

第二部分:多个视图居中对齐

第三部分:在父视图中的位置

--->

几种常用情况:

(1)高度1/3处

技术分享

(2)垂直居中

技术分享

(3)高度一半的一半再减20处

技术分享

功能二区:

技术分享

Add New Constraints (添加新的约束)

第一部分:视图上下左右间距

第二部分: 视图高度与宽度

第三部分:多个视图等宽度,高度,长高比(常用于视图大小不固定的情况)


功能三区:

技术分享

分为当前选中的视图与所有视图

根据约束更新视图的frame

根据frame更新视图的约束

添加剩余的约束

设置建议的约束

清除约束


关于iOS8中的Size Class :

技术分享

相当于提供了好几套模板,根据屏幕的大小自动选择相应的约束。

注意事项:

1.组合属性控件多选(Equal widths),否则控件单选(width),以免出错.

2.两个控件的间距只需要一个.


Constant 基数

Multiplier  倍率

view1.attr1=view2.attr2*multiplier+constant

注意First Item 与Second Item的位置


主要还是要自己探索,再实践中成长。




iOS AutoLayOut