《iOS开发实战》教学课件 ios实战开发第九章.pptxVIP

iOS开发实战;;屏幕适配的历史背景;我们目前不考虑开发iPad应用程序，只考虑iPhone设备。iPhone有4种不同的屏幕尺寸，即：;如今的iPhone设备，不仅尺寸不同，分辨率也不相同，因此之前的屏幕适配方法已经无法满足当前版本的开发了。现在，开发iOS应用时需要完美适配所有设备，可能需要为一个控制器做出不同的几个视图来适配，这样会大大降低开发的效率和速度，对于修改和维护也不是很方便。;为了适配多种iOS设备屏幕，苹果公司为iOS应用开发者提供了两大自动布局利器——Autoresizing和Auto Layout。其中，Autoresizing是UIView的属性，一直都有，使用简单；Auto Layout是iOS 6.0以后引入的新技术，功能更加强大。;屏幕适配的历史背景;Autoresizing是iOS开发中常用的一种传统的自动布局方法，它主要的作用是当视图控件的父视图尺寸发生改变时，子视图的尺寸与位置也进行相应的调整。;在使用Autoresizing之前，需要取消Use Auto Layout和Use Trait Variations复选框（默认是选中状态，具体操作方法会在随后的例子中讲到），如右图所示。;Autoresizing的核心是6条线，如下图所示，分别是上、下、左、右4条线段和中间的两条交叉线段。;具体说明如下：;下面，我们通过一个应用实例AutoresizingSample，来介绍Autoresizing的用法。 具体步骤参照书中描述。;屏幕适配的历史背景;传统布局方法Autoresizing只能设置当前视图与父视图的上、下、左、右边距，不能设置屏幕中各个视图之间的距离，无法适配复杂多样的用户界面，所以苹果公司在iOS 6.0之后推出了Auto Layout布局技术，它可以帮助开发者解决复杂多样的iOS设备屏幕问题。;Auto Layout是一种基于约束的、描述性的布局技术。它提供了一种不同于传统进行屏幕适配的布局方法，我们可以使用约束条件来控制视图的位置和大小，视图的坐标会根据约束条件自动进行调整。并且这个操作也很简单，仅仅拖拽几条线设置一下约束就可以实现。;在使用Auto Layout时，要确保添加到视图上的约束是唯一能够确定视图位置和大小的，这样设置的约束才能起效果。如果设定的约束不能唯一确定一个视图的位置和大小，或者约束设置过多而发生冲突，视图将会很矛盾，不知道自己该听从哪条约束来进行调整，此时Xcode会报红色错误，可以根据错误提示来重新设置约束。;针对Auto Layout布局技术，Interface Builder设计器提供了一些操作按钮，如右图所示。; 创建对齐约束，如让视图对象在容器中水平居中，两个视图对象顶部对齐等。 ;1．对齐处理（Align）;Horizontal Centers：水平中心对齐。 Vertical Centers：垂直中心对齐。 Baselines：基准线对齐。 Horizontally in Container：在容器中水平居中。 Vertically in Container：在容器中垂直居中。;添加新约束;其中各属性说明如下：;Constrain to margins：选中该复选框，表示上述距离约束是相对于margins设置的，左右会有16个点（pt，像素单位）的空当，数值是从16个点后开始计算约束；当没有选中时，将从屏幕的0点开始。;Width：设置视图对象的固定宽度。 Height：设置视图对象的固定高度。 Equal Widths：设置多个视图对象等宽。 Equal Heights：设置多个视图对象等高。 Aspect Ratio：设置视图对象的固定宽高比。 Align：设置多个视图对象的对齐方式（属性同前面介绍的对齐约束）。;约束处理;首先选择要处理的视图：Selected Views（当前选中的视图）或All Views in View Controller（控制器中所有的视图）。其中各属性说明如下：;下面，我们使用Auto Layout布局技术为在8.2.2节中创建的AddMarkPoint应用程序添加约束，进行布局适配。 首先打开本书配套资源的“9.3.2”文件夹中的AddMarkPoint项目（未加约束状态），并选择打开Main.storyboard文件，如右图所示。;1）为标签添加约束;感谢您的观看