猫猫学IOS(三十九)UI之核心动画之CABasicAnimation(基础动画

猫猫分享,必须精品

原创文章,欢迎转载。转载请注明:翟乃玉的博客 地址:?viewmode=contents

一、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.创建layerCALayer *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上[addSublayer:myLayer];self.myLayer = myLayer;}- (void)touchesBegan:(NSSet *)touches withEvent:(UIEvent *)event{// 1. 创建核心动画CABasicAnimation *anima = [CABasicAnimation animation] ;// 1.1告诉系统要执行什么样的动画anima.keyPath = @”position”;anima.toValue = [NSValue valueWithCGPoint:CGPointMake(200, 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.创建layerCALayer *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上[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.创建layerCALayer *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上[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倍

效果:

功夫不负有心人。

猫猫学IOS(三十九)UI之核心动画之CABasicAnimation(基础动画

相关文章:

你感兴趣的文章:

标签云: