原先也没写过这种文章的,也算是处女作了吧,估计写的也不怎么样,就当做笔记吧,慢慢就好了(要是有什么错的希望可以指出,共同进步)
一.动画的分类(这篇文章只讨论基于核心动画,其他的动画暂不讨论)
1.CAAnimation ,核心类的动画,他是一个抽象类,不能直接拿来使用,遵循CAMediaTiming协议和CAAction协议,先看看他都有那些property(CAMediaTiming,CAAction)吧.
@property CFTimeInterval beginTime:开始时间
@property CFTimeInterval duration:动画执行的时间
@property float speed:默认的值为1.0,代表着动画会按照默认的速度播放(给定的时间),假如设置为2.0,则设定的时间会减半(假如Duration:6,Speed:2,则动画就会播放6/2的时间)
@property CFTimeInterval timeOffset:对时间进行偏移,从而计算出动画的状态,动画在执行的时候(timeOffset = Duration > timeOffset?timeOffset:(Duration % timeOffset)),会先跳过timeOffset这个时间段,先执行后面的部分,然后在执行
timeOffset.例如:Duration = 3,timeOffset = 2,则先执行后两秒的动画,然后才执行timeOffset的动画,如图1.1:
timeOffset使用的不多,他可以和speed共同使用来控制当前动画的时间.当speed == 0时,这动画会在这个时间点(timeOffset)停止(通常用于动画的暂停),如图1.2:
,代码如图1.3:
speed == 0,则意味着会在timeOffset这个时间点停止.
@property float repeatCount:动画重复多少次,不应该和repeatDuration一起使用,可以设置为无限执行:MAXFLOAT.
@property BOOL repeatDuration:动画重复多久,不应该和RepeatCount一起使用.
@property BOOL autoreverses:是否逆行动画
@property(copy) NSString *fillMode:决定着当前对象过了非active时间段的行为.比如:动画执行完毕或者动画开始之前.(removedOnCompletion设置为fause,否则不会生效),fillModel有四个值:
* kCAFillModeRemoved:默认值,就是说动画开始前和结束后对当前layer都没有影响,layer会恢复到原始状态.
* kCAFillModeForwards:动画结束后会一直保持结束后的状态.
* kCAFillModeBackwards:和kCAFillModeForwards相对,也就是说当你将动画加入layer的时候,layer便会处于动画初始的状态(及时延迟执行也一样会处于初始的状态)
* kCAFillModeBoth:动画开始前layer处于动画开始状态,结束后layer处于动画结束状态
RemovedOnCompletion:这个值为true时,动画会在执行完毕后自动的从层上面移除,一般设置为NO(再次使用)
@property(nullable, strong) CAMediaTimingFunction *timingFunction:设置动画的节奏,比如:先快后慢,先慢后快等.
@property(retain) id delegate:为CAAnimation设置代理。默认为nil。注意：一个CAAnimation实例，不能设置delegate为self。会引起循环引用。
另外:她还有一些自身的方法:
+ (instancetype)animation;
+ (nullable id)defaultValueForKey:(NSString *)key;根据属性key，返回相应的属性值
- (BOOL)shouldArchiveValueForKey:(NSString *)key;返回指定的属性是否可以归档
- (void)animationDidStart:(CAAnimation *)anim;动画开始时,执行的方法
- (void)animationDidStop:(CAAnimation *)anim finished:(BOOL)flag;动画执行完成执行的方法
我们一般都使用CAAnimation的派生类:如图2.1所示:
2.1 CATransition 提供渐变效果,(例如:推,拉,翻页,等等)
2.2 CABasicAnimation 提供了对单一动画的实现
2.3 CAKeyframeAnimation 关键帧动画
2.4 CAAnimationGroup 允许多个动画同时播放
然后一一来介绍他们:
2.1.1 CATransition:首先还是属性介绍:
@property float startProgress;设置过渡开始点,必须<=endProgress,
@property float endProgress;设置过度的结束点,必须>=startProgress;
@property(nullable, strong) id filter; (还没有搞懂他的用法);
@property(nullable, copy) NSString *subtype;设置预定义的过度方向如果设置了filter,则该属性无效
预定义的过度方向:
* CA_EXTERN NSString * const kCATransitionFromRight 从右边
* CA_EXTERN NSString * const kCATransitionFromLeft 从左边
* CA_EXTERN NSString * const kCATransitionFromTop 从顶部
* CA_EXTERN NSString * const kCATransitionFromBottom 从底部
@property(copy) NSString *type;设置预定义的效果,默认为kCATransitionFade,如果设置了filter,则该属性无效
下面是type各种动画效果 'fade', `moveIn', `push' , `reveal' 可以分别使用'kCATransitionFade', 'kCATransitionMoveIn', 'kCATransitionPush', 'kCATransitionReveal'来调用.
* @"cube" 立方体翻滚效果
* @"moveIn" 新视图移到旧视图上面
* @"reveal" 显露效果(将旧视图移开,显示下面的新视图)
* @"fade" 交叉淡化过渡(不支持过渡方向) (默认为此效果)
* @"pageCurl" 向上翻一页
* @"pageUnCurl" 向下翻一页
* @"suckEffect" 收缩效果，类似系统最小化窗口时的神奇效果(不支持过渡方向)
* @"rippleEffect" 滴水效果,(不支持过渡方向)
* @"oglFlip" 上下左右翻转效果
* @"rotate" 旋转效果
* @"push"
* @"cameraIrisHollowOpen" 相机镜头打开效果(不支持过渡方向)
* @"cameraIrisHollowClose" 相机镜头关上效果(不支持过渡方向)
此时subType为上面的那些,
当type为@"rotate"(旋转)的时候,它也有几个对应的subtype,分别为:
* 90cw 逆时针旋转90°
* 90ccw 顺时针旋转90°
* 180cw 逆时针旋转180°
* 180ccw 顺时针旋转180°
type和subType的对应关系 (匹配错误则无法显示动画)
图2.1.1是所列出的效果
