iOS-Core-Animation-Advanced-Techniques(一).pdf

iOS-Core-Animation-Advanced-Techniques （一） 2015-01-04 10:08 编辑：suiling 分类：iOS开发来源：FeiXu （github主页） Core animation iOS核心动画 招聘信息：长期招聘IOS、Android开发工程师上海耀目网络有限公司急招安卓软件工程师 图层树、寄宿图以及图层几何学 （一）图层的树状结构 巨妖有图层，洋葱也有图层，你有吗？我们都有图层 -- 史莱克 Core Animation其实是一个令人误解的命名。你可能认为它只是用来做动画的，但实际上它是从一个叫做Layer Kit Core Animation特性的冰山一角。 Core Animation UIKit以及在iOS应用程序当中你所能在屏幕上看见的一切的基础。 在我们讨论动画之前，我们将从图层树开始，涉及一下Core Animation的静态组合以及布局特性。 图层和视图 如果你曾经在iOS或者Mac OS 标点击或者触摸手势等用户输入。视图在层级关系中可以互相嵌套，一个视图可以管理它的所有子视图的位置。图1.1显示了一种典型的视图层级关系 图1.1 一种典型的iOS屏幕（左边）和形成视图的层级关系（右边） 在iOS当中，所有的视图都从一个叫做UIVIew的基类派生而来，UIView可以处理触摸事件，可以支持基于Core Graphics 似于滑动或者渐变的动画。 CALayer CALayer类在概念上和UIView 用来做动画和变换。和UIView最大的不同是CALayer不处理用户的交互。 CALayer并不清楚具体的响应链（iOS 体见第三章，“图层的几何学”） 平行的层级关系 每一个UIview都有一个CALayer实例的图层属性，也就是所谓的backing layer 联的图层也同样对应在层级关系树当中有相同的操作（见图1.2）。 图1.2 图层的树状结构（左边）以及对应的视图层级（右边） 实际上这些背后关联的图层才是真正用来在屏幕上显示和做动画，UIView仅仅是对它的一个封装，提供了一些iOS类似于处理触摸的具体功能，以及 接口。 但是为什么iOS要基于UIView和CALayer Mac OS两个平台上，事件和用户交互有很多地方的不同，基于多点触控的用户界面和基于鼠标键盘有着本质的区别，这就是为什么iOS有UIKit和UIView ，但是 NSView的原因。他们功能上很相似，但是在实现上有着显著的区别。 绘图，布局和动画，相比之下就是类似Mac笔记本和桌面系列一样应用于iPhone和iPad触屏的概念。把这种功能的逻辑分开并应用到独立的Core Animation 和Mac OS之间共享代码，使得对苹果自己的OS开发团队和第三方开发者去开发两个平台的应用更加便捷。 实际上，这里并不是两个层级关系，而是四个，每一个都扮演不同的角色，除了视图层级和图层树之外，还存在呈现树和渲染树，将在第七章“隐式动画” 讨论。 图层的能力 如果说CALayer是UIView内部实现细节，那我们为什么要全面地了解它呢？苹果当然为我们提供了优美简洁的UIView接口，那么我们是否就没必要直接去处理 了呢？ 某种意义上说的确是这样，对一些简单的需求来说，我们确实没必要处理CALayer ，因为苹果已经通过UIView的高级API 间接地使得动画变得很简单。 但是这种简单会不可避免地带来一些灵活上的缺陷。如果你略微想在底层做一些改变，或者使用一些苹果没有在UIView上实现的接口功能，这时除了介入 无选择。 我们已经证实了图层不能像视图那样处理触摸事件，那么他能做哪些视图不能做的呢？这里有一些UIView没有暴露出来的CALayer的功能： 阴影，圆角，带颜色的边框 3D变换 非矩形范围 透明遮罩 多级非线性动画 我们将会在后续章节中探索这些功能，首先我们要关注一下在应用程序当中CALayer是怎样被利用起来的。 使用图层 首先我们来创建一个简单的项目，来操纵一些layer的属性。打开Xcode ，使用Single View Application模板创建一个工程。 在屏幕中央创建一个小视图（大约200 X 200的尺寸），当然你可以手工编码，或者使用Interface Builder 问它。我们把它称作layerVi