核心动画开发步骤:
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。
相关推荐
ios-核心动画高级技巧 图层树 寄宿树 图层几何 隐式动画 显示动画
30-核心动画.zip
iOS开发高级 核心动画---基础动画,源代码解释详细,结构清晰明了。
基于java的开发源码-GIF动画制作工具 GiftedMotion.zip 基于java的开发源码-GIF动画制作工具 GiftedMotion.zip 基于java的开发源码-GIF动画制作工具 GiftedMotion.zip 基于java的开发源码-GIF动画制作工具 ...
Unity编辑器扩展---动画事件编辑器(仿UE4动画事件编辑器) Unity编辑器扩展---动画事件编辑器(仿UE4动画事件编辑器) Unity编辑器扩展---动画事件编辑器(仿UE4动画事件编辑器) Unity编辑器扩展---动画事件编辑器...
网页设计作业模板--动画轮播图、网页设计作业模板--动画轮播图、网页设计作业模板--动画轮播图、网页设计作业模板--动画轮播图、网页设计作业模板--动画轮播图、网页设计作业模板--动画轮播图、网页设计作业模板--...
基于java的开发源码-Jav动画图标源码(显示GIF图像).zip 基于java的开发源码-Jav动画图标源码(显示GIF图像).zip 基于java的开发源码-Jav动画图标源码(显示GIF图像).zip 基于java的开发源码-Jav动画图标源码...
关于一个时钟和幸运转盘 的两个小程序,对应博客地址:http://blog.csdn.net/nsryan
2--[动画小试].zip源码scratch2.0 3.0编程项目源文件源码案例素材源代码2--[动画小试].zip源码scratch2.0 3.0编程项目源文件源码案例素材源代码2--[动画小试].zip源码scratch2.0 3.0编程项目源文件源码案例素材源...
C#开发WPF-Silverlight动画及游戏系列教程-深蓝色右手 C#开发WPF-Silverlight动画及游戏系列教程-深蓝色右手 C#开发WPF-Silverlight动画及游戏系列教程-深蓝色右手
根据贝塞尔曲线来设定路线,让我们的心脏来根据路线来走
动画制作2.0#CSS-----动画练习
Android动画效果--渐变动画,包括Alpha渐变、scale渐变、translate渐变、rotate渐变。并有两种实现动画方式:Java Code实现和XML实现。
object-c 核心动画编程指南,讲述了object-c进行动画开发的方法
iOS核心动画高级技巧iOS核心动画高级技巧iOS核心动画高级技巧iOS核心动画高级技巧iOS核心动画高级技巧
Android动画效果--FrameByFrame动画 Android 动画实现的火焰效果。
汽车构造-----动画演示.chm,非常详细,大家快来看看,喜欢汽车开得快看啊
SHSnowflakesAnimation---雪花飘落动画-帧动画系列
本文档介绍了在使用核心动画时所涉及的基本概念。核心动画的是 Objective - C 的框架,它通过简单的动画编程接口来提供一套高性能的动画引擎。 你应该阅读此文档来理解Cocoa应用程序核心动画工作的机制。 阅读此文档...