AJ学IOS（39）UI之核心动画之CABasicAnimation（基础动画）

AJ分享，必须精品

一、CABasicAnimation简介

CAPropertyAnimation的子类
属性解析:
fromValue：keyPath相应属性的初始值
toValue：keyPath相应属性的结束值
随着动画的进行，在长度为duration的持续时间内，keyPath相应属性的值从fromValue渐渐地变为toValue

如果fillMode=kCAFillModeForwards和removedOnComletion=NO，那么在动画执行完毕后，图层会保持显示动画执行后的状态。但在实质上，图层的属性值还是动画执行前的初始值，并没有真正被改变。比如，CALayer的position初始值为(0,0)，CABasicAnimation的fromValue为(10,10)，toValue为(100,100)，虽然动画执行完毕后图层保持在(100,100)这个位置，实质上图层的position还是为(0,0)

CAPropertyAnimation

CAPropertyAnimation是CAAnimation的子类，也是个抽象类，要想创建动画对象，应该使用它的两个子类：CABasicAnimation和CAKeyframeAnimation。
属性解析：
keyPath：通过指定CALayer的一个属性名称为keyPath(NSString类型)，并且对CALayer的这个属性的值进行修改，达到相应的动画效果。比如，指定@”position”为keyPath，就修改CALayer的position属性的值，以达到平移的动画效果。

二：平移动画

效果：

代码：

- (void)viewDidLoad

{

    [super viewDidLoad];

    // 1.创建layer

    CALayer *myLayer = [CALayer layer];

    myLayer.bounds = CGRectMake(0, 0, 100, 100);

    myLayer.anchorPoint = CGPointZero;

    myLayer.position = CGPointMake(100, 100);

    myLayer.backgroundColor = [UIColor greenColor].CGColor;

    // 2.将自定义Layer添加到控制器的view的layer上

    [self.view.layer addSublayer:myLayer];

    self.myLayer = myLayer;

}

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

{

    // 1. 创建核心动画

    CABasicAnimation *anima = [CABasicAnimation animation] ;

    // 1.1告诉系统要执行什么样的动画

    anima.keyPath = @"position";

    // 设置通过动画将layer从哪

    //    anima.fromValue = [NSValue valueWithCGPoint:CGPointMake(0, 0)];

    // 到哪(到指定的位置)

    anima.toValue = [NSValue valueWithCGPoint:CGPointMake(200, 300)];

    //    在当前位置的基础上增加多少

    //    anima.byValue = [NSValue valueWithCGPoint:CGPointMake(0, 300)];

    // 设置动画时间

    anima.duration = 3;

    // 1.2 设置动画执行完毕之后不删除动画

    anima.removedOnCompletion = NO;

    // 1.3 设置保存动画的最新状态

    anima.fillMode = kCAFillModeForwards;

    // 2.添加核心动画到Layer

    [self.myLayer addAnimation:anima forKey:nil];

}

三：缩放动画

效果：

代码：

- (void)viewDidLoad

{

    [super viewDidLoad];

    // 1.创建layer

    CALayer *myLayer = [CALayer layer];

    myLayer.bounds = CGRectMake(0, 0, 100, 100);

    myLayer.anchorPoint = CGPointZero;

    myLayer.position = CGPointMake(100, 100);

    myLayer.backgroundColor = [UIColor greenColor].CGColor;

    // 2.将自定义Layer添加到控制器的view的layer上

    [self.view.layer addSublayer:myLayer];

    self.myLayer = myLayer;

}

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

{

    // 1. 创建核心动画

    CABasicAnimation *anima = [CABasicAnimation animation] ;

    // 1.1设置动画类型

    anima.keyPath = @"bounds";

    // 1.2 设置动画执行完毕之后不删除动画

    anima.removedOnCompletion = NO;

    // 1.3 设置保存动画的最新状态

    anima.fillMode = kCAFillModeForwards;

    // 1.4设置动画时间

    anima.duration = 1;

    // 1.5修改动画

    anima.toValue =[NSValue valueWithCGRect: CGRectMake(0, 0, 200, 200)];

    // 2.添加核心动画到Layer

    [self.myLayer addAnimation:anima forKey:nil];

}

四：旋转动画

效果：

代码：

- (void)viewDidLoad

{

    [super viewDidLoad];

    // 1.创建layer

    CALayer *myLayer = [CALayer layer];

    myLayer.bounds = CGRectMake(0, 0, 100, 100);

    myLayer.anchorPoint = CGPointZero;

    myLayer.position = CGPointMake(100, 100);

    myLayer.backgroundColor = [UIColor greenColor].CGColor;

    // 2.将自定义Layer添加到控制器的view的layer上

    [self.view.layer addSublayer:myLayer];

    self.myLayer = myLayer;

}

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

{

    // 1. 创建核心动画

    CABasicAnimation *anima = [CABasicAnimation animation] ;

    // 1.1设置动画类型

    anima.keyPath = @"transform";

    // 1.2 设置动画执行完毕之后不删除动画

    anima.removedOnCompletion = NO;

    // 1.3 设置保存动画的最新状态

    anima.fillMode = kCAFillModeForwards;

    // 1.4设置动画时间

    anima.duration = 1;

    // 1.5修改动画

    anima.toValue =  [NSValue valueWithCATransform3D:CATransform3DMakeRotation(M_PI_4, 0, 0, 1)];

    // 2.添加核心动画到Layer

    [self.myLayer addAnimation:anima forKey:nil];

}

五：通过transform（KVC）的方式设置

y方向缩放1.5倍

效果：

代码：

- (void)viewDidLoad

{

    [super viewDidLoad];

    // 1.创建layer

    CALayer *myLayer = [CALayer layer];

    myLayer.bounds = CGRectMake(0, 0, 100, 100);

    myLayer.anchorPoint = CGPointZero;

    myLayer.position = CGPointMake(100, 100);

    myLayer.backgroundColor = [UIColor greenColor].CGColor;

    // 2.将自定义Layer添加到控制器的view的layer上

    [self.view.layer addSublayer:myLayer];

    self.myLayer = myLayer;

}

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

{

    // 1. 创建核心动画

    CABasicAnimation *anima = [CABasicAnimation animation] ;

    // 1.1设置动画类型

    //    anima.keyPath = @"transform.translation.x";

    anima.keyPath = @"transform.scale.y";

    // 1.2 设置动画执行完毕之后不删除动画

    anima.removedOnCompletion = NO;

    // 1.3 设置保存动画的最新状态

    anima.fillMode = kCAFillModeForwards;

    // 1.4设置动画时间

    anima.duration = 1;

//    y方向缩放1.5倍

    anima.toValue = @(1.5);

    // 2.添加核心动画到Layer

    [self.myLayer addAnimation:anima forKey:nil];

}

巴特西