尚学堂IOS培训AutoLayout(自动布局代码控制)简单总结

1、北京尚学堂提供原理：IOS6.0 之后，苹果优化了UI界面的布局方式，提出了自动布局的概念，和之前的autoresizing相比功能更强大。子视图基于父视图的自动布局显示。都是父视图去添加对子视图的约束。在这里主要说的是通过代码对自动布局视图的实现。代码中一般用到的有两个添加约束的方式：1.- (void)addConstraint:(NSLayoutConstraint *)constraint NS_AVAILABLE_IOS(6_0);2.- (void)addConstraints:(NSArray *)constraints NS_AVAILABLE_IOS(6_0);<<

2、;/span>在使用自动布局之前要对子视图的布局方式进行调整，用到这个UIView的属性。- (BOOL)translatesAutoresizingMaskIntoConstraints NS_AVAILABLE_IOS(6_0); / Default YES需要将其设置为NO；下面用简单例子说明一下：   UIView *v1 = UIView alloc initWithFrame:CGRectZero;   v1.translatesAutoresizingMaskIntoConstraints = NO; &

3、#160;  v1.backgroundColor = UIColor redColor;    self.view addSubview:v1;    UIView *v2 = UIView alloc initWithFrame:CGRectZero;    v2.backgroundColor = UIColor grayColor;    v2.translatesAutoresizingMaskIntoCo

4、nstraints = NO;    self.view addSubview:v2;/添加两个允许自动布局的子视图   self.view addConstraint:NSLayoutConstraint constraintWithItem:v1                       &#

5、160;                                  attribute:NSLayoutAttributeWidth          

6、                                                relatedBy:NS

7、LayoutRelationEqual                                               

8、;              toItem:self.view                                 &

9、#160;                        attribute:NSLayoutAttributeWidth                    

10、;                                     multiplier:1.0          

11、60;                                                constant:

12、0;/设置子视图的宽度和父视图的宽度相同    self.view addConstraint:NSLayoutConstraint constraintWithItem:v1                                

13、                          attribute:NSLayoutAttributeHeight                  

14、60;                                       relatedBy:NSLayoutRelationEqual     &#

15、160;                                                 &#

16、160;     toItem:self.view                                         

17、0;                attribute:NSLayoutAttributeHeight                            &

18、#160;                            multiplier:0.5                   

19、;                                        constant:0;/设置子视图的高度是父视图高度的一半   self.view ad

20、dConstraints:NSLayoutConstraint constraintsWithVisualFormat:"H:|-0-v1v2(=v1)-0-|" options:0 metrics:nil views:views;/通过addConstraints 添加对水平方向上v1的控制-距离父视图左侧距离为0（距离为0的话也可省略）同时将v2的水平方向的宽度和v1设置成相同    self.view addConstraints:NSLayoutConstraint constraintsWithVisualFormat:&q

21、uot;V:|-0-v1v2(=v1)|" options:0 metrics:nil views:views;/通过addConstraints 添加对垂直方向上v1的控制-距离父视图上侧距离为0（距离为0的话也可省略）同时将v2的垂直方向的高度和v1设置成相同        self.view addConstraints:NSLayoutConstraint constraintsWithVisualFormat:"V:|-0-v1-0-v2-0-|" options:0 met

22、rics:nil views:views;/最后是垂直布局两个子view这样就可以实现上下两个view，各占一半。旋转屏幕的情况下也会自动处理布局。这样看起来代码多，但是可以适应多种分辨率的屏幕。不排除以后苹果出更大更多分辨率的手机。关于constraintsWithVisualFormat：函数介绍：constraintsWithVisualFormat:参数为NSString型，指定Contsraint的属性，是垂直方向的限定还是水平方向的限定，参数定义一般如下：V:|-(>=XXX) :表示垂直方向上相对于SuperView大于、等于、小于某个距离若是要定义水平方向，则将V：改成H

23、：即可在接着后面-中括号里面对当前的View/控件 的高度/宽度进行设定；options：字典类型的值；这里的值一般在系统定义的一个enum里面选取metrics：nil；一般为nil ，参数类型为NSDictionary，从外部传入 /衡量标准views：就是上面所加入到NSDictionary中的绑定的View在这里要注意的是 AddConstraints  和 AddConstraint 之间的区别，一个添加的参数是NSArray，一个是NSLayoutConstraint使用规则|: 表示父视图  -:表示距离  V:  :表示垂直  H:  :表示水平>= :表示视图间距、宽度和高度必须大于或等于某个值    <= :表示视