Core Animation 是直接作用在 CALayer上的(并非 UIview 上)非常强大的跨 Mac OS X 和 iOS 平台的动画处理 API, Core Animation 的动画执行过程都是在后台操作的, 不会阻塞主线程.
1. Core Animation 继承结构:
2. 基本用法:
使用步骤类似于手势识别:
> 创建动画对象
> 设置动画属性
> 把动画对象添加到某个 CALayer 对象上
> 需要停止动画: 可以调用 remove 方法移除动画
3. 动画类型:
> 基本动画(CABasicAnimation): 设定某个属性从某个值到某个值, 实现基本动画
是 CAPropectyAnimation 的子类
1) 属性说明:
keyPath: 要改变的属性名称(传字符串)
fromValue: keyPath相应属性的初始值
toValue: keyPath相应属性的结束值
2) 动画过程说明:
随着动画的进行, 在长度为 duration 的持续时间内, ketPath 相应属性的值从 fromValue 渐渐地变为 toValue
keyPath 内容是 CALayer 的可动画 Animatable 属性
如果 fillMode = kCAFillModeForwards 同时 removedOnComletion = NO, 那么在动画执行完毕后, 图层会保持显示动画执行后的状态. 但实质上, 图层的属性值还是动画执行前的初始值, 并没有真正被改变
> 属性动画: 设定某个属性的值, 可以实现属性动画
> 关键帧动画(CAKeyframeAnimation): 设定某个属性的值从某个值到某个值, 再到某个值. 积累的关键值挨着器做
也是 CAPropectyAnimation 的子类, 与 CABasicAnimation 的区别是:
CABasicAnimation 只能从一个数值(fromValue)变到另一个数值(toValue), 而 CAKeyframeAnimation 会使用一个 NSArray 保存这些数值
代码演示:
// 先创建一个关键帧动画对象
CAKeyframeAnimation *anim = [CAKeyframeAnimation animationWithKeyPath:@"position"];
NSValue *p1 = [NSValue valueWithCGPoint:CGPointMake(50, 50)];
NSValue *p2 = [NSValue valueWithCGPoint:CGPointMake(200, 50)];
NSValue *p3 = [NSValue valueWithCGPoint:CGPointMake(50, 200)];
NSValue *p4 = [NSValue valueWithCGPoint:CGPointMake(200, 200)];
anim.values = @[p1, p2, p3, p4];
anim.duration = 3;
[self.demoView.layer addAnimation:anim forKey:nil];
// 沿着椭圆进行转动
// 设定动画的速率,默认是匀速的
anim.timingFunction = [CAMediaTimingFunction functionWithName:kCAMediaTimingFunctionEaseIn];
UIBezierPath *path = [UIBezierPath bezierPathWithOvalInRect:CGRectMake(50, 50, 280, 170)];
anim.path = path.CGPath;
// 图标抖动的效果
anim.values = @[@(-M_PI_4 * 0.3), @(M_PI_4 * 0.3), @(-M_PI_4 * 0.3)];
> 组动画(CAAnimationGroup): 把所有其他的动画添加到组里, 这样就可以按照添加的动画一次执行
是 CAAnimation 的子类, 可以保存一组动画对象, 将 CAAnimationGroup 对象加入层后, 组中所有动画对象可以同时并发运行
默认情况下, 一组动画对象是同时运行的, 也可以通过设置动画对象的 beginTime 属性来更改动画的开始时间
> 转场动画(CATransition): 从一个场景转换到另一个场景, 系统已经实现好了, 不需要我们再去写.
CATransition 是 CAAnimation 的子类, 用于做转场动画, 能够为层提供移出屏幕和移入屏幕的动画效果. iOS 比 Mac OS X 的转场动画效果少一点
UINavgationController 就是通过 CATransition 实现了将控制器的视图推入屏幕的动画效果
代码演示:
// 1. 创建一个转场动画
CATransition *transition = [[CATransition alloc] init];
// 2. 设置转场动画的类型(转场方式)
transition.type = @"cube";
// 3. 把转场动画添加到对应的控件上
[self.imgView.layer addAnimation:transition forKey:nil];
UIview 有个 block 方法也有个转场动画
[UIView animationDuratin....]
[UIView transitionWithView.....执行转场动画]
// 直接通过UIView的方式实现转场动画
[UIView transitionWithView:self.imgView duration:0.8 options:UIViewAnimationOptionTransitionFlipFromTop animations:nil completion:nil];
4. 所有的动画都继承自 CAAnimation
CAAnimation 遵守了一个 CAMediaTiming 的协议.
CAAnimation 里面有个 duration 属性.
CAAnimation 里面有个 timingFunction 属性