iOS开发系列--让你的应用“动”起来解释.docVIP

iOS开发系列--让你的应用“动”起来，ios--  --iOS核心动画 在iOS中随处都可以看到绚丽的动画效果，实现这些动画的过程并不复杂，今天将带大家一窥iOS动画全貌。在这里你可以看到iOS中如何使用图层精简非交互式绘图，如何通过核心动画创建基础动画、关键帧动画、动画组、转场动画，如何通过UIView的装饰方法对这些动画操作进行简化等。在今天的文章里您可以看到动画操作在iOS中是如何简单和高效，很多原来想做但是苦于没有思路的动画在iOS中将变得越发简单：CALayer Core Animation UIView动画封装 CALayer简介在介绍动画操作之前我们必须先来了解一个动画中常用的对象CALayer。CALayer包含在QuartzCore框架中，这是一个跨平台的框架，既可以用在iOS中又可以用在Mac OS X中。在使用Core Animation开发动画的本质就是将CALayer中的内容转化为位图从而供硬件操作，所以要熟练掌握动画操作必须先来熟悉CALayer。 在上一篇文章中使用Quartz 2D绘图时大家其实已经用到了CALayer，当利用drawRect:方法绘图的本质就是绘制到了UIView的layer（属性）中，可是这个过程大家在上一节中根本体会不到。但是在Core Animation中我们操作更多的则不再是UIView而是直接面对CALayer。下图描绘了CALayer和UIView的关系，在UIView中有一个layer属性作为根图层，根图层上可以放其他子图层，在UIView中所有能够看到的内容都包含在layer中： CALayer常用属性 在iOS中CALayer的设计主要是了为了内容展示和动画操作，CALayer本身并不包含在UIKit中，它不能响应事件。由于CALayer在设计之初就考虑它的动画操作功能，CALayer很多属性在修改时都能形成动画效果，这种属性称为“隐式动画属性”。但是对于UIView的根图层而言属性的修改并不形成动画效果，因为很多情况下根图层更多的充当容器的做用，如果它的属性变动形成动画效果会直接影响子图层。另外，UIView的根图层创建工作完全由iOS负责完成，无法重新创建，但是可以往根图层中添加子图层或移除子图层。 下表列出了CALayer常用的属性： 属性 说明 是否支持隐式动画 anchorPoint 和中心点position重合的一个点，称为“锚点”，锚点的描述是相对于x、y位置比例而言的默认在图像中心点(0.5,0.5)的位置 是 backgroundColor 图层背景颜色 是 borderColor 边框颜色 是 borderWidth 边框宽度 是 bounds 图层大小 是 contents 图层显示内容，例如可以将图片作为图层内容显示 是 contentsRect 图层显示内容的大小和位置 是 cornerRadius 圆角半径 是 doubleSided 图层背面是否显示，默认为YES 否 frame 图层大小和位置，不支持隐式动画，所以CALayer中很少使用frame，通常使用bounds和position代替 否 hidden 是否隐藏 是 mask 图层蒙版 是 maskToBounds 子图层是否剪切图层边界，默认为NO 是 opacity 透明度 ，类似于UIView的alpha 是 position 图层中心点位置，类似于UIView的center 是 shadowColor 阴影颜色 是 shadowOffset 阴影偏移量 是 shadowOpacity 阴影透明度，注意默认为0，如果设置阴影必须设置此属性 是 shadowPath 阴影的形状 是 shadowRadius 阴影模糊半径 是 sublayers 子图层 是 sublayerTransform 子图层形变 是 transform 图层形变 是 隐式属性动画的本质是这些属性的变动默认隐含了CABasicAnimation动画实现，详情大家可以参照Xcode帮助文档中“Animatable Properties”一节。 在CALayer中很少使用frame属性，因为frame本身不支持动画效果，通常使用bounds和position代替。 CALayer中透明度使用opacity表示而不是alpha；中心点使用position表示而不是center。 anchorPoint属性是图层的锚点，范围在（0~1,0~1）表示在x、y轴的比例，这个点永远可以同position（中心点）重合，当图层中心点固定后，调整anchorPoint即可达到调整图层显示位置的作用（因为它永远和position重合） 为了进一步说明a