码迷,mamicode.com
首页 > 移动开发 > 详细

iOS AutoLayOut

时间:2014-12-22 19:42:00      阅读:527      评论:0      收藏:0      [点我收藏+]

标签:autolayout   sizeclass   自动布局   ios   

效果实现:

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

标签:autolayout   sizeclass   自动布局   ios   

原文地址:http://blog.csdn.net/chaofangong/article/details/42082135

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!