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

北京尚学堂提供原理：IOS6.0 之后，苹果优化了UI界面的布局方式，提出了自动布局的概念，和之前的autoresizing相比功能更强大。子视图基于父视图的自动布局显示。都是父视图去添加对子视图的约束。在这里主要说的是通过代码对自动布局视图的实现。代码中一般用到的有两个添加约束的方式：1.- (void)addConstraint:(NSLayoutConstraint *)constraint NS_AVAILABLE_IOS(6_0);2.- (void)addConstraints:(NSArray *)constraints NS_AVAILABLE_IOS(6_0);在使用自动布局之前要对子视图的布局方式进行调整，用到这个UIView的属性。- (BOOL)translatesAutoresizingMaskIntoConstraints NS_AVAILABLE_IOS(6_0); / Default YES需要将其设置为NO；下面用简单例子说明一下：UIView *v1 = UIView alloc initWithFrame:CGRectZero;v1.translatesAutoresizingMaskIntoConstraints = NO;v1.backgroundColor = UIColor redColor;self.view addSubview:v1;UIView *v2 = UIView alloc initWithFrame:CGRectZero;v2.backgroundColor = UIColor grayColor;v2.translatesAutoresizingMaskIntoConstraints = NO;self.view addSubview:v2;/添加两个允许自动布局的子视图self.view addConstraint:NSLayoutConstraint constraintWithItem:v1attribute:NSLayoutAttributeWidthrelatedBy:NSLayoutRelationEqualtoItem:self.viewattribute:NSLayoutAttributeWidthmultiplier:1.0constant:0;/设置子视图的宽度和父视图的宽度相同self.view addConstraint:NSLayoutConstraint constraintWithItem:v1attribute:NSLayoutAttributeHeightrelatedBy:NSLayoutRelationEqualtoItem:self.viewattribute:NSLayoutAttributeHeightmultiplier:0.5constant:0;/设置子视图的高度是父视图高度的一半self.view addConstraints:NSLayoutConstraint constraintsWithVisualFormat:H:|-0-v1v2(=v1)-0-| options:0 metrics:nil views:views;/通过addConstraints 添加对水平方向上v1的控制-距离父视图左侧距离为0（距离为0的话也可省略）同时将v2的水平方向的宽度和v1设置成相同self.view addConstraints:NSLayoutConstraint constraintsWithVisualFormat: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 metrics:nil views:views;/最后是垂直布局两个子view这样就可以实现上下两个view，各占一半。旋转屏幕的情况下也会自动处理布局。这样看起来代码多，但是可以适应多种分辨率的屏幕。不排除以后苹果出更大更多分辨率的手机。关于constraintsWithVisualFormat：函数介绍：constraintsWithVisualFormat:参数为NSString型，指定Contsraint的属性，是垂直方向的限定还是水平方向的限定，参数定义一般如下：V:|-(=XXX) :表示垂直方向上相对于SuperView大于、等于、小于某个距离若是要定义水平方向，则将V：改成H：即可在接着后面-中括号里面对当前的View/控件 的高度/宽度进行设定；options：字典类型的值；这里的值一般在系统定义的一个enum里面选取metrics：nil；一般为nil ，参数类型为NSDictionary，从外部传入 /衡量标准views：就是上面所加入到NSDictionary中的绑定的View在这里要注意的是 AddConstraints和 AddConstraint 之间的区别，一个添加的参数是NSArray，一个是NSLayoutConstraint使用规则|: 表示父视图-:表示距离V:表示垂直H:表示水平= :表示视图间距、宽度和高度必须大于或等于某个值=、=0-button-(=padding)-| : 表示离父视图的距离为Padding,这两个视图间距必须大于或等于0并且距离底部父视图为 padding。10:wideView(=60700):视图的宽度为至少为60 不能超过70011: 如果没有声明方向默认为水平V:【最新文档更新请加入尚学堂www.sxt.