`

0929-核心动画

 
阅读更多

核心动画开发步骤:
1. 初始化一个动画对象(CAAnimation的具体子类)并设置一些动画相关属性
2. CALayer中很多属性都可以通过CAAnimation实现动画效果,包括:opacity、position、transform、bounds、contents等(可以在API文档中搜索:CALayer Animatable Properties)
3. 添加动画对象到层(CALayer)中,开始执行动画
4. 通过调用CALayer的addAnimation:forKey增加动画到层(CALayer)中,这样就能触发动画了。通过调用removeAnimationForKey可以停止层中的动画
5. Core Animation的动画执行过程都是在后台操作的,不会阻塞主线程

 

CAAnimation的继承结构

PS: 图中的紫色虚线代表“继承”某个类,红色虚线代表“遵守”某个协议
 

CAAnimation的属性说明(红色代表来自CAMediaTiming协议的属性):

 

duration:动画的持续时间
repeatCount:重复次数,无限循环可以设置HUGE_VALF或者MAXFLOAT
repeatDuration:重复时间
removedOnCompletion:默认为YES,代表动画执行完毕后就从图层上移除,图形会恢复到动画执行前的状态。如果想让图层保持显示动画执行后的状态,那就设置为NO,不过还要设置fillMode为kCAFillModeForwards
fillMode:决定当前对象在非active时间段的行为。比如动画开始之前或者动画结束之后
beginTime:可以用来设置动画延迟执行时间,若想延迟2s,就设置为CACurrentMediaTime()+2,CACurrentMediaTime()为图层的当前时间
timingFunction:速度控制函数,控制动画运行的节奏
delegate:动画代理

 

CAAnimation - 动画填充模式

属性fillMode的可选值 (注: 如果要使这个模式有效,需要设置removedOnCompletion = NO)


1. kCAFillModeRemoved 这个是默认值,也就是说当动画开始前和动画结束后,动画对layer都没有影响,动画结束后,layer会恢复到之前的状态
2. kCAFillModeForwards 当动画结束后,layer会一直保持着动画最后的状态
3. kCAFillModeBackwards 在动画开始前,只需要将动画加入了一个layer,layer便立即进入动画的初始状态并等待动画开始。
4. kCAFillModeBoth 这个其实就是上面两个的合成.动画加入后开始之前,layer便处于动画初始状态,动画结束后layer保持动画最后的状态

 

CAAnimation - 速度控制函数

速度控制函数(CAMediaTimingFunction)

1. kCAMediaTimingFunctionLinear(线性):匀速,给你一个相对静态的感觉
2. kCAMediaTimingFunctionEaseIn(渐进):动画缓慢进入,然后加速离开
3. kCAMediaTimingFunctionEaseOut(渐出):动画全速进入,然后减速的到达目的地
4. kCAMediaTimingFunctionEaseInEaseOut(渐进渐出):动画缓慢的进入,中间加速,然后减速的到达目的地。这个是默认的动画行为。

 

CAAnimation - 代理方法

NSObject定义里CAAnimation的以下代理方法,因此在使用以下代理方法时只需设置animation的代理然后直接在代理对象类中重写以下代理方法,不需要遵循任何的协议:

@interface NSObject (CAAnimationDelegate)

/* Called when the animation begins its active duration. */

- (void)animationDidStart:(CAAnimation *)anim;

/* Called when the animation either completes its active duration or
 * is removed from the object it is attached to (i.e. the layer). 'flag'
 * is true if the animation reached the end of its active duration
 * without being removed. */

- (void)animationDidStop:(CAAnimation *)anim finished:(BOOL)flag;

@end

 

CABasicAnimation - 基本动画

基本动画是CAPropertyAnimation的子类。

 

属性说明:
- fromValue:keyPath相应属性的初始值
- toValue:keyPath相应属性的结束值

动画过程说明:
- 随着动画的进行,在长度为duration的持续时间内,keyPath相应属性的值从fromValue渐渐地变为toValue
- keyPath内容是CALayer的可动画Animatable属性
- 如果fillMode=kCAFillModeForwards同时removedOnComletion=NO,那么在动画执行完毕后,图层会保持显示动画执行后的状态。但在实质上,图层的属性值还是动画执行前的初始值,并没有真正被改变。

 

注意:

1. 基本动画只是实现了动画的效果,并没有改变动画对象的任何值,因此如果需要保留动画结束后的属性值,需要在动画结束后重新设置这些属性值。

2. 当应用程序失去焦点(用户打开任务栏或有电话进来时)或用户按"Home"键回到桌面,循环动画根据情况可能需要被暂停然后当应用程序回到前台时再继续动画(这个通过AppDelegate的几个代理方法实现)。如果动画是循环的,那么需要将removedOnComletion设置为NO。

 

分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics