码迷,mamicode.com
首页 > 其他好文 > 详细

图层的核心动画(CABaseAnimation)续

时间:2016-02-15 21:22:49      阅读:223      评论:0      收藏:0      [点我收藏+]

标签:

Main.storyboard

技术分享

ViewController.m

//

//  ViewController.m

//  8A01.核心动画

//

//  Created by huan on 16/2/4.

//  Copyright © 2016 huanxi. All rights reserved.

//

 

#import "ViewController.h"

 

@interface ViewController ()

@property (weak, nonatomic) IBOutlet UIImageView *imageView;

 

@end

 

@implementation ViewController

 

- (void)viewDidLoad {

    [super viewDidLoad];

    // Do any additional setup after loading the view, typically from a nib.

}

 

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

//    [self testPositionAnimation];

//    [self testTransformAnimation];//形变属性:平移

//    [self testTransformRotationAnimation];

    [self testTransformScaleAnimation];

}

 

#pragma mark 测试位置的动画

-(void)testPositionAnimation{

    //核心动画使用步骤

    //1.创建一个动画对象

    CABasicAnimation *animation = [CABasicAnimation animation];

    //设置动画类型

    animation.keyPath = @"position";

    //动画执行的初始状态

//    animation.fromValue = [NSValue valueWithCGPoint:CGPointMake(100, 100)];

    //动画执行的"最终状态"

//    animation.toValue = [NSValue valueWithCGPoint:CGPointMake(100, 250)];

    

    //每次动画执行的增加值

    animation.byValue = [NSValue valueWithCGPoint:CGPointMake(10, 10)];

    

    //保存动画执行状态

    //解决方案2:使动画保存执行之后的状态,只要设置动画的两个属性

    animation.removedOnCompletion = NO;// 动画对象不要移除

    animation.fillMode = kCAFillModeForwards;//保存当前的状态

    //2.往控件的图层添加动画

    [self.imageView.layer addAnimation:animation forKey:nil];

    

}

#pragma mark 测试形变的平移动画

-(void)testTransformAnimation{

    //1.创建一个动画对象

    CABasicAnimation *animation = [CABasicAnimation animation];

    //设置动画类型

//    animation.keyPath = @"transform.translation";

    animation.keyPath = @"transform.translation.x";

    

    //每次动画执行的增加值

//    animation.byValue = [NSValue valueWithCGPoint:CGPointMake(10, 10)];

    //byValue的数据类型是 keypath 决定的

    animation.byValue = @10;

    

    //保存动画执行状态

    //解决方案2:使动画保存执行之后的状态,只要设置动画的两个属性

    animation.removedOnCompletion = NO;// 动画对象不要移除

    animation.fillMode = kCAFillModeForwards;//保存当前的状态

    //2.往控件的图层添加动画

    [self.imageView.layer addAnimation:animation forKey:nil];

 

}

 

#pragma mark 测试形变的旋转的动画

-(void)testTransformRotationAnimation{

    //1.创建一个动画对象

    CABasicAnimation *animation = [CABasicAnimation animation];

    //设置动画类型

    

    animation.keyPath = @"transform.rotation.x";

    

   

    //byValue的数据类型是 keypath 决定的

    animation.byValue = @(M_PI_4);

    

    //保存动画执行状态

    //解决方案2:使动画保存执行之后的状态,只要设置动画的两个属性

    animation.removedOnCompletion = NO;// 动画对象不要移除

    animation.fillMode = kCAFillModeForwards;//保存当前的状态

    //2.往控件的图层添加动画

    [self.imageView.layer addAnimation:animation forKey:nil];

 

}

 

#pragma mark 测试形变的缩放的动画

-(void)testTransformScaleAnimation{

    //1.创建一个动画对象

    CABasicAnimation *animation = [CABasicAnimation animation];

    //设置动画类型 ==>>keyPath 设置图层的属性 bounds/position/transform

    //    animation.keyPath = @"transform.translation";

//    animation.keyPath = @"transform.scale";

    animation.keyPath = @"transform.scale.x";

    

    //设置动画的时间

    animation.duration = 3;

    //byValue的数据类型是 keypath 决定的

    animation.byValue = @1.5;

    

    //保存动画执行状态

    //解决方案2:使动画保存执行之后的状态,只要设置动画的两个属性

    animation.removedOnCompletion = NO;// 动画对象不要移除

    animation.fillMode = kCAFillModeForwards;//保存当前的状态

    //2.往控件的图层添加动画

    [self.imageView.layer addAnimation:animation forKey:nil];

 

}

 

@end

结果

技术分享

图层的核心动画(CABaseAnimation)续

标签:

原文地址:http://www.cnblogs.com/Lu2015-10-03/p/5191319.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!