核心动画3

//

//  ViewController.m

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

//

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

//  Copyright (c) 2015年 容伟. All rights reserved.

//

/*

 核心动画：在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