核心动画3

// ViewController.m

// UI-NO-37-2 核心动画3

// Created by 容伟 on 15/9/16.

核心动画：在iOS中核心动画分为以下几类：

1、基础动画（CABasicAnimation）2、关键帧动画（CAKeyframeAnimation）3、动画组（CAAnimationGroup）4、转场动画（CATransition）

层级关系：

CAMediaTiming（CAAnimation（CAPropertyAnimation（CABasicAnimation、CAKeyframeAnimation）、CAAnimationGroup、CATransition））

CAAnimation：核心动画的基础类，不能直接使用，负责动画运行时间、速度的控制，本身实现了CAMediaTiming协议。

CAPropertyAnimation：属性动画也是基类（通过属性进行动画设置，注意是动画属性），不能直接使用。

CABasicAnimation：基础动画，通过属性修改进行动画参数控制，只有初始状态和结束状态。

CAKeyframeAnimation：关键帧动画，同样是通过属性进行动画参数控制，但是同基础动画不同的是它可以有多个状态控制。

CAAnimationGroup：动画组，动画组是一种组合模式设计，可以通过动画组来进行所有动画行为的统一控制，组中所有动画效果可以并发执行。

CATransition：转场动画，主要通过滤镜进行动画效果设置。

基础动画、关键帧动画都属于属性动画，就是通过修改属性值产生动画效果，开发人员只需要设置初始值和结束值，中间的过程动画（又叫做“补间动画”）由系统自动计算产生，和基础动画不同的是关键帧动画可以设置多个属性值，每两个属性中间的补间动画由系统自动完成，因此从这个角度而言，基础动画又可以看成是有两个关键帧动画的关键帧动画

创建基础动画需要通过fromValue和toValue 属性来指定一个开始值和结束值当添加基础动画到图层的时候，它才会开始变化

autoreverses: 当设定这个属性为YES时，在它达到目的位置之后，会以动画的方式放回到开始值

duration 设定开始值到结束值话费的时间期间会被速度的属性影响

speed 默认的值为 1.0.这意味着动画播放按照默认的速度。如果你改变这个值为 2.0,动画会用 2 倍的速度播放。这样的影响就是使持续时间减半。如果你指定的持续时间为 6 秒,速度为 2.0,动画就会播放 3 秒钟---一半的持续时间

把速度设置成0 就可以暂停动画

repeatCount 默认的是 0，意味着动画只会播放一次这个不应该和 repeatDration 属性一起使用

removedOnCompletion 默认为YES，代表动画执行完毕后就从图层上移除，图形会恢复到动画执行前的状态。如果想让图层保持显示动画执行后的状态，那就设置为NO，不过还要设置fillMode为kCAFillModeForwards

fillMode 设置当前对象在非活动时间段的行为比如动画开始之前或者动画结束之后

fillMode属性值（上面提到过要想fillMode有效，需要设置removedOnCompletion = NO）

kCAFillModeRemoved 这个是默认值，也就是说当动画开始前和动画结束后，动画对layer都没有影响，动画结束后，layer会恢复到之前的状态

kCAFillModeForwards 当动画结束后，layer会一直保持着动画最后的状态

kCAFillModeBackwards 在动画开始前，只需要将动画加入了一个layer，layer便立即进入动画的初始状态并等待动画开始。

kCAFillModeBoth 这个其实就是上面两个的合成.动画加入后开始之前，layer便处于动画初始状态，动画结束后layer保持动画最后的状态

CAPropertyAnimation

可以通过改变animationWithKeyPath来改变动画的属性：

transform.scale = 比例转换

transform.scale.x transform.scale.y transform.rotation.z

opacity = 透明度 zPosition backgroundColor 背景颜色 cornerRadius 圆角

borderWidth bounds contents contentsRect cornerRadius frame hidden mask

masksToBounds opacity position shadowColor shadowOffset shadowOpacity

shadowRadius

#import "ViewController.h"

@interface ViewController ()

{

CALayer *showLayer;

}

@end

@implementation ViewController

- (void)viewDidLoad {

[super viewDidLoad];

UIImage *image = [UIImage imageNamed:[[NSBundle mainBundle] pathForResource:@"2" ofType:@"jpg"]];

showLayer = [[CALayer alloc] init];

showLayer.bounds = CGRectMake(0, 0, image.size.width/10, image.size.height/10);

showLayer.position = self.view.center;

showLayer.contents = (id)image.CGImage;

[self.view.layer addSublayer:showLayer];

}

#pragma mark -------- 改变 position

- (void)animation1 {

// CABasicAnimation 属于属性动画需要告诉它咱们要改变的属性是哪一个（把属性当做字符串传递）

CABasicAnimation *animation = [CABasicAnimation animationWithKeyPath:@"position"];

// toValue 设置动画要到哪一个位置

animation.toValue = [NSValue valueWithCGPoint:CGPointMake(300, self.view.frame.size.height)];

// 设置动画持续时间

animation.duration = 3;

// 以动画效果回到初始位置

// animation.autoreverses = YES;

// 如果使用 fillMode 必须将 removedOnCompletion 设置为 NO

// animation.removedOnCompletion = NO;

//// 保持动画运行后的状态

// animation.fillMode = kCAFillModeBoth;

// 设置慢进慢出

// CAMediaTimingFunction

animation.timingFunction = [CAMediaTimingFunction functionWithName:kCAMediaTimingFunctionEaseOut];

// 添加动画到图层上面（forKey 是动画的名字）

[showLayer addAnimation:animation forKey:@"move"];

}

- (void)animation2 {

UIImage *image = [UIImage imageNamed:[[NSBundle mainBundle] pathForResource:@"2" ofType:@"jpg"]];

// 基础动画是继承属性动画的通过属性名当做一个key 来确定围绕哪个属性进行动画

CABasicAnimation *aniamtion = [CABasicAnimation animationWithKeyPath:@"bounds"];

aniamtion.toValue = [NSValue valueWithCGRect:CGRectMake(0, 0, image.size.width/5, image.size.height/5)];

aniamtion.duration = 0.5;

aniamtion.autoreverses = YES;

// repeatCount -1 不是无限循环

// HUG 无穷大

aniamtion.repeatCount = HUGE;

[showLayer addAnimation:aniamtion forKey:@"jump"];

}

- (void)touchesBegan:(NSSet *)touches withEvent:(UIEvent *)event {

// [self animation1];

// [self animation2];

[self animation3];

}

- (void)animation3 {

// 基础动画是继承属性动画的通过属性名当做一个key 来确定围绕哪个属性进行动画

CABasicAnimation *animation = [CABasicAnimation animationWithKeyPath:@"transform.rotation.z"];

animation.toValue = @(1); // 往右（正数的时候，负数的时候往左）偏移

animation.fromValue = @(0);// 初始状态在（正数的时候在右边；负数的时候在左边）偏移

animation.duration = 1;

animation.repeatCount = HUGE;

// 是否以动画的效果回复原来的状态

animation.autoreverses = YES;

[showLayer addAnimation:animation forKey:@"show"];

}

- (void)didReceiveMemoryWarning {

[super didReceiveMemoryWarning];

// Dispose of any resources that can be recreated.

}

@end