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的位置


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




發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章