Apple官方CoreAnimation动画演示(1)

苹果官方的CA360项目展示了使用QuartzCore来实现简单动画.https://github.com/neror/CA360

(1)Geometric Properties

CALayer的几何属性:

bounds : 在自身坐标系的位置,主要是大小.

position : 以锚点(anchorPoint为基准点的当前坐标)

frame : 在父layer坐标系中的位置

anchorPoint:锚点,旋转,移动以及position都需要一次为参照点

另外,当一个layer需要强制重绘时,调用setNeedsDisplay方法即可(同UIView),而绘制layer的时候,系统会调用

- (void)drawLayer:(CALayer *)layer inContext:(CGContextRef)context;

(2)Layer Transforms

CALayer的矩阵变换,包括:旋转,缩放,移动

不同于UIView的CGAffineTransform,CALayer使用的是CATransform3D来进行3D矩阵变换.

主要函数:CATransform3DRotate CATransform3DScale CATransform3DTranslate

(3)Layer Tree

CALayer的层次结构

CALayer的截取属性是masksToBounds,UIView的则是clipsToBounds.

CALayer的层次结构添加,删除CALayer对象,以及改变在树中的层级,与UIView基本无异.

(4)Image Content

CALayer的contents的属性,可以让我们将图片作为CALayer的内容绘制.

并且在这个例子中,开发人员向我们展示了CALayer的一个特色,那就是KVC,我们可以直接使用CALayer来保存数据的引用,很方便使用.

同时,有一个新的方法出现了:

- (void)displayLayer:(CALayer *)layer

在这个方法中,你可以直接设置layer的contents,如果你不实现这个方法,那么系统就会使用drawLayer:inContext代替之.

(5)Layer Drawing

如何在drawLayer:inContext方法中绘制自定义的图案.

CGContextAddEllipseInRect在绘图上下文中添加一个椭圆形路径.

CGContextSetLineWidth设置绘制线条的宽度.

CGContextSetLineDash设置绘制时的虚线参数.

以及设置线条绘制颜色,填充颜色,最后使用CGContextDrawPath绘制路径.

(6)Style Properties

CALayer的几个常用属性:

cornerRadius : 边角弧度.

borderWidth : 边框宽度。

opacity : 透明度.

mask : 使用另一个layer的alpha通道为自己做遮盖.

(7)Basic Animation

从这个演示开始使用CoreAnimation.

CABasicAnimation本身的属性:fromValue,toValue,byValue.

从CAPropertyAnimation继承的animationWithKeyPath:(CAAnimation的KVC扩展)设置要动画化的属性.

从CAAnimation继承的timingFunction控制动画的快慢节奏.

从CAMediaTiming协议中继承的autoreverses,repeatCount属性.

CALayer使用addAnimation:forKey来添加动画.

(8)Animation Groups

CAAnimationGroup提供了将多个动画结合到一起同时播放的功能.

而单个自动化(例子中是CABasicAnimation)从CAMediaTiming中继承的fillMode属性控制了子动画在CAAnimationGroup播放的duration不同时的处理,

另外,在Groups中,removedOnCompletion属性是被忽略的.

(9)Keyframe Animation

关键帧动画.演示了马里奥跳到平台上的动画.

CGPathCreateMutable创建了一个可变的路径.CGPathMoveToPoint和CGPathAddCurveToPoint将曲线的点添加到路径中.

通过CAKeyframeAnimation的path属性设置了动画的路径.

CAKeyframeAnimation还有许多属性,但是这个演示只演示了path的使用,其他需要再看看文档了.

在这个演示中,还使用了animationDidStart和animationDidStop:finished:两个代理方法.

同时,通过CATransaction的setDisableAction来隐藏不想在动画化的属性变化,

CALayer的contentsRect,contentGravity属性.

(10)Layer Action

这个演示并没有使用addAnimation:foyKey来为layer添加动画,而是使用了layerForAction:forKey这个方法.

CATransition的type和subtype属性.