移动应用软件开发综合实训（基于iOS平台）-2017 autoLayout屏幕布局 iOS开发自动布局教学.docx

iOS开发-自动布局篇：自动布局教学 一、AutoLayout介绍 UI布局对于iOS开发者来说并不陌生，在iOS6之前，大家都是通过UI控件的Frame属性和Autoresizing Mask来进行UI布局的。AutoLayout则是苹果公司在iOS6推出的一种基于约束的，描述性的布局系统。自从AutoLayout问世以来，逐步得到了iOS开发者们的青睐，尤其是iPhone6机型尺寸的出现，让AutoLayout从此走向人生巅峰，下面来看看它的特殊之处。 AutoLayout占据UI布局的主要领导位置依赖于它的特殊性： 1).基于约束：和以往定义frame的位置和尺寸不同，AutoLayout的位置确定是以所谓相对位置的约束来定义的，比如x坐标为superView的中心，y坐标为屏幕底部上方10像素等 2).描述性： 约束的定义和各个view的关系使用接近自然语言或者可视化语言（稍后会提到）的方法来进行描述 3).布局系统：即字面意思，用来负责界面的各个元素的位置。 总而言之，AutoLayout为开发者提供了一种不同于传统对于UI元素位置指定的布局方法。以前，不论是在IB里拖放，还是在代码中写，每个UIView都会有自己的frame属性，来定义其在当前视图中的位置和尺寸。使用AutoLayout的话，就变为了使用约束条件来定义view的位置和尺寸。这样的最大好处是一举解决了不同分辨率和屏幕尺寸下view的适配问题，另外也简化了旋转时view的位置的定义，原来在底部之上10像素居中的view，不论在旋转屏幕或是更换设备（iPad或者iPhone5或者以后可能出现的mini iPad）的时候，始终还在底部之上10像素居中的位置，不会发生变化。 总的来说：使用约束条件来描述布局，view的frame会依据这些约束来进行计算。 二、AutoLayout使用原理： 创建约束，iOS6中新加入了一个类：NSLayoutConstraint。它的约束满足这个公式： item1.attribute = multiplier ? item2.attribute + constant 对应的代码为 //view_1(红色)top 距离self.view的top NSLayoutConstraint *view_1TopToSuperViewTop = [NSLayoutConstraint constraintWithItem:view_1 attribute:NSLayoutAttributeTop relatedBy:NSLayoutRelationEqual toItem:self.view attribute:NSLayoutAttributeTop multiplier:1 constant:30]; 这里对应的约束是“view_1的顶部（y）＝ self.view的顶部(y)*1 + 30”。 添加约束，在创建约束之后，需要将其添加到作用的view上。UIView添加约束的实例方法： - (void)addConstraint:(NSLayoutConstraint *)constraint NS_AVAILABLE_IOS(6_0); - (void)addConstraints:(NSArray__kindof NSLayoutConstraint * *)constraints NS_AVAILABLE_IOS(6_0); 用来将约束添加到view。在添加时唯一要注意的是添加的目标view要遵循以下规则： 1).对于两个同层级view之间的约束关系，添加到他们的父view上 2).对于两个不同层级view之间的约束关系，添加到