1、什么是核心動畫
Core Animation(核心動畫)是一組功能強(qiáng)大、效果華麗的動畫API,無論在iOS系統(tǒng)或者在你開發(fā)的App中,都有大量應(yīng)用。
核心動畫所在的位置如下圖所示:
可以看到,核心動畫位于UIKit的下一層,相比UIView動畫,它可以實(shí)現(xiàn)更復(fù)雜的動畫效果。
核心動畫作用在CALayer(Core animation layer)上,CALayer從概念上類似UIView,我們可以將UIView看成是一種特殊的CALayer(可以響應(yīng)事件)。
實(shí)際上,每一個view都有其對應(yīng)的layer,給view加上動畫,本質(zhì)上是對其layer進(jìn)行操作,layer包含了各種支持動畫的屬性,動畫則包含了屬性變化的值、變化的速度、變化的時間等等,兩者結(jié)合產(chǎn)生動畫的過程。
核心動畫和UIView動畫的對比:UIView動畫可以看成是對核心動畫的封裝,和UIView動畫不同的是,通過核心動畫改變layer的狀態(tài)(比如position),動畫執(zhí)行完畢后實(shí)際上是沒有改變的(表面上看起來已改變)。
總體來說核心動畫的優(yōu)點(diǎn)有:
1)性能強(qiáng)大,使用硬件加速,可以同時向多個圖層添加不同的動畫效果
2)接口易用,只需要少量的代碼就可以實(shí)現(xiàn)復(fù)雜的動畫效果。
3)運(yùn)行在后臺線程中,在動畫過程中可以響應(yīng)交互事件(UIView動畫默認(rèn)動畫過程中不響應(yīng)交互事件)。
2、核心動畫類的層次結(jié)構(gòu)
CAAnimation是所有動畫對象的父類,實(shí)現(xiàn)CAMediaTiming協(xié)議,負(fù)責(zé)控制動畫的時間、速度和時間曲線等等,是一個抽象類,不能直接使用。
CAPropertyAnimation :是CAAnimation的子類,它支持動畫地顯示圖層的keyPath,一般不直接使用。
iOS9.0之后新增CASpringAnimation類,它實(shí)現(xiàn)彈簧效果的動畫,是CABasicAnimation的子類。
綜上,核心動畫類中可以直接使用的類有:
- CABasicAnimation
- CAKeyframeAnimation
- CATransition
- CAAnimationGroup
- CASpringAnimation
3、核心動畫類的核心方法
- 初始化CAAnimation對象
一般使用animation方法生成實(shí)例
+ (instancetype)animation;
如果是CAPropertyAnimation的子類,還可以通過animationWithKeyPath生成實(shí)例
+ (instancetype)animationWithKeyPath:(nullable NSString *)path;
- 設(shè)置動畫的相關(guān)屬性
設(shè)置動畫的執(zhí)行時間,執(zhí)行曲線,keyPath的目標(biāo)值,代理等等
- 動畫的添加和移除
調(diào)用CALayer的addAnimation:forKey:方法將動畫添加到CALayer中,這樣動畫就開始執(zhí)行了
- (void)addAnimation:(CAAnimation *)anim forKey:(nullable NSString *)key;
調(diào)用CALayer的removeAnimation方法停止CALayer中的動畫
- (void)removeAnimationForKey:(NSString *)key;
- (void)removeAllAnimations;
4) 核心動畫類的常用屬性
keyPath:可以指定keyPath為CALayer的屬性值,并對它的值進(jìn)行修改,以達(dá)到對應(yīng)的動畫效果,需要注意的是部分屬性值是不支持動畫效果的。
以下是具有動畫效果的keyPath:
//CATransform3D Key Paths : (example)transform.rotation.z
//rotation.x
//rotation.y
//rotation.z
//rotation 旋轉(zhuǎn)
//scale.x
//scale.y
//scale.z
//scale 縮放
//translation.x
//translation.y
//translation.z
//translation 平移
//CGPoint Key Paths : (example)position.x
//x
//y
//CGRect Key Paths : (example)bounds.size.width
//origin.x
//origin.y
//origin
//size.width
//size.height
//size
//opacity
//backgroundColor
//cornerRadius
//borderWidth
//contents
//Shadow Key Path:
//shadowColor
//shadowOffset
//shadowOpacity
//shadowRadius
duration:動畫的持續(xù)時間
repeatCount:動畫的重復(fù)次數(shù)
timingFunction:動畫的時間節(jié)奏控制
timingFunctionName的enum值如下:
kCAMediaTimingFunctionLinear 勻速
kCAMediaTimingFunctionEaseIn 慢進(jìn)
kCAMediaTimingFunctionEaseOut 慢出
kCAMediaTimingFunctionEaseInEaseOut 慢進(jìn)慢出
kCAMediaTimingFunctionDefault 默認(rèn)值(慢進(jìn)慢出
fillMode:視圖在非Active時的行為
removedOnCompletion:動畫執(zhí)行完畢后是否從圖層上移除,默認(rèn)為YES(視圖會恢復(fù)到動畫前的狀態(tài)),可設(shè)置為NO(圖層保持動畫執(zhí)行后的狀態(tài),前提是fillMode設(shè)置為kCAFillModeForwards)
beginTime:動畫延遲執(zhí)行時間(通過CACurrentMediaTime() + your time 設(shè)置)
delegate:代理
代理方法如下:
- (void)animationDidStart:(CAAnimation *)anim; //動畫開始
- (void)animationDidStop:(CAAnimation *)anim finished:(BOOL)flag; //動畫結(jié)束
可以根據(jù)key來區(qū)分不同的動畫
- 方式一
//動畫開始時
- (void)animationDidStart:(CAAnimation *)anim{
if ([anim isEqual:[self.imageView.layer animationForKey:@"Animation"]]) {
NSLog(@"動畫組執(zhí)行了");
}
}
- 方式二
添加動畫的視圖是局部變量時,可使用該方法添加動畫給動畫設(shè)置key-value對
[positionAnima setValue:@"PositionAnima" forKey:@"AnimationKey"];
[transformAnima setValue:@"TransformAnima" forKey:@"AnimationKey"];
所以,可以根據(jù)key中不同的值來進(jìn)行區(qū)分不同的動畫
//動畫結(jié)束時- (void)animationDidStop:(CAAnimation *)anim finished:(BOOL)flag{
if ([[anim valueForKey:@"AnimationKey"]isEqualToString:@"PositionAnima"]) {
NSLog(@"位置移動動畫執(zhí)行結(jié)束");
} else if ([[anim valueForKey:@"AnimationKey"]isEqualToString:@"TransformAnima"]){
NSLog(@"旋轉(zhuǎn)動畫執(zhí)行結(jié)束");
}}