ios进阶--Autolayout

(一)Autolayout介绍:

1.  Autolayout是一种“自动布局”技术,专门用来布局UI界面的,自iOS6开始引入,由于Xcode4的不给力,当时并没有得到很大推广。自iOS7(Xcode5)开始,Autolayout的开发效率得到很大的提升,苹果官方也推荐开发者尽量使用Autolayout来布局UI界面,Autolayout能很轻松地解决屏幕适配的问题。

2.  在Autolayout之前,有Autoresizing可以作屏幕适配,但局限性较大,有些任务根本无法完成,相比之下,Autolayout的功能比Autoresizing强大很多。

3.   Autolayout的2个核心概念:参照,约束。

(二)Autolayout常用面板
   
1.   约束处理
ios进阶--Autolayout_第1张图片


2.   相对
ios进阶--Autolayout_第2张图片

3.   对齐
ios进阶--Autolayout_第3张图片



(三)Autolayout的警告和错误

1.  警告
     控件的frame不匹配所添加的约束, 比如约束控件的宽度为100, 而控件现在的宽度是110

2.  错误
     1>.  缺乏必要的约束, 比如只约束了宽度和高度, 没有约束具体的位置
     2>.  两个约束冲突, 比如1个约束控件的宽度为100,1个约束控件的宽度为110



(四)代码实现Autolayout

代码实现Autolayout的步骤:

1.  利用NSLayoutConstraint类创建具体的约束对象

2.  添加约束对象到相应的view上

     -(void)addConstraint:(NSLayoutConstraint*)constraint;

     -(void)addConstraints:(NSArray*)constraints;


3.  代码实现Autolayout的注意点
     1) 要先禁止autoresizing功能,设置view的下面属性为NO。

           view.translatesAutoresizingMaskIntoConstraints= NO;

     2)添加约束之前,一定要保证相关控件都已经在各自的父控件上,不用再给view设置frame。

4.  一个NSLayoutConstraint对象就代表一个约束
创建约束对象的常用方法:

+(id)constraintWithItem:(id)view1attribute:(NSLayoutAttribute)attr1relatedBy:(NSLayoutRelation)relationtoItem:(id)view2attribute:(NSLayoutAttribute)attr2multiplier:(CGFloat)multiplierconstant:(CGFloat)c;

 pview1:要约束的控件
 pattr1:约束的类型(做怎样的约束)
 prelation:与参照控件之间的关系
 pview2:参照的控件
 pattr2:约束的类型(做怎样的约束)
 pmultiplier:乘数
 pc:常量

5.   自动布局的核心计算公式

obj1.property1=(obj2.property2* multiplier)+constantvalue


(五)添加约束的规则

当在创建约束之后,需要将其添加到作用的view上,
在添加时要注意目标view需要遵循以下规则:
1)对于两个同层级view之间的约束关系,添加到它们的父view上
ios进阶--Autolayout_第4张图片
2)对于两个不同层级view之间的约束关系,添加到他们最近的共同父view上
ios进阶--Autolayout_第5张图片
3)对于有层次关系的两个view之间的约束关系,添加到层次较高的父view上
ios进阶--Autolayout_第6张图片



你可能感兴趣的:(ios)