IOS开发之——CABasicAnimation(95)(1)

• 核心动画示例

二 核心动画简介

---

• Core Animation，中文翻译为核心动画，它是一组非常强大的动画处理API，使用它能做出非常绚丽的动画效果，而且往往是事半功倍。也就是说，使用少量代码就可以实现非常强大的功能

• Core Animation可以用在Mac OS和IOS平台

• Core Animation的动画执行过程都是在后台操作的，不会阻塞主线程

• 要注意的是，Core Animation是直接作用在CALayer上的，并非UIView

• 如果是xcode5之前的版本，使用它需要添加QuartzCore.framework和引入对应的框架<QuartzCore/QuartzCore.h>

三 开发步骤

---

1. 使用它需要先添加QuartzCore.framework框架和引入主头文件<QuartzCore/QuartzCore.h>

2. 初始化一个CAAnimation对象，并设置一些动画相关属性

3. 通过调用CALayer的addAnimation:forKey方法增加CAAnimation对象到CALayer中，这样就能开始执行动画了

4. 通过调用CALayer的removeAnimationForKey方法可以停止CALayer中的动画

四 CAAnimation继承结构

---

注意：图中的黑色虚线代表“继承”某个类，红色虚线代表“遵守”某个协议

说明：

• CAAnimation遵守CAMediaTiming，可以给动画设置执行时长

• CAAnimationGroup：动画组(可以执行一系列动画)

• CABasicAnimation：单一组动画(formValue toValue)

• CAKeyframeAnimation：多组动画

五 示例

---

5.1 位移动画

代码

@property (nonatomic,weak) CALayer *layer;

• (void)viewDidLoad {

[super viewDidLoad];

CALayer *layer=[CALayer layer];

layer.position=CGPointMake(100, 100);

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

layer.backgroundColor=[UIColor redColor].CGColor;

[self.view.layer addSublayer:layer];

_layer=layer;

}

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

{

[self position];

}

-(void)position

{

//创建动画对象

CABasicAnimation *animation=[CABasicAnimation animation];

//设置动画的属性

animation.keyPath=@“position”;

//设置属性改变的值

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

//设置动画时长

//animation.duration=2;

//取消反弹

//动画执行完毕之后，不要把动画移除

animation.removedOnCompletion=NO;

//保持最新的位置

animation.fillMode=kCAFillModeForwards;

//给图层添加动画

[_layer addAnimation:animation forKey:nil];

}

效果图

5.2 旋转动画

代码

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

{

[self transform];

}

-(void)transform

{

//创建动画对象

CABasicAnimation *animation=[CABasicAnimation animation];

//设置动画的属性

animation.keyPath=@“transform”;

//设置属性改变的值

animation.toValue=[NSValue valueWithCATransform3D:CATransform3DMakeRotation(M_PI, 1, 0, 0)];

//设置动画时长

animation.duration=1;

//取消反弹

//动画执行完毕之后，不要把动画移除

animation.removedOnCompletion=NO;

//保持最新的位置

animation.fillMode=kCAFillModeForwards;

animation.repeatCount=MAXFLOAT;

//给图层添加动画

[_layer addAnimation:animation forKey:nil];

}

效果图

其他(属性设置)

题外话

我在一线互联网企业工作十余年里，指导过不少同行后辈。帮助很多人得到了学习和成长。

我意识到有很多经验和知识值得分享给大家，也可以通过我们的能力和经验解答大家在IT学习中的很多困惑，所以在工作繁忙的情况下还是坚持各种整理和分享。但苦于知识传播途径有限，很多程序员朋友无法获得正确的资料得到学习提升，故此将并将重要的Android进阶资料包括自定义view、性能优化、MVC与MVP与MVVM三大框架的区别、NDK技术、阿里面试题精编汇总、常见源码分析等学习资料。

【Android思维脑图（技能树）】

知识不体系？这里还有整理出来的Android进阶学习的思维脑图，给大家参考一个方向。

希望我能够用我的力量帮助更多迷茫、困惑的朋友们，帮助大家在IT道路上学习和发展~
《Android学习笔记总结+移动架构视频+大厂面试真题+项目实战源码》，点击传送门，即可获取！
droid思维脑图（技能树）】**

知识不体系？这里还有整理出来的Android进阶学习的思维脑图，给大家参考一个方向。

[外链图片转存中…(img-S9p09O4i-1715838412703)]

希望我能够用我的力量帮助更多迷茫、困惑的朋友们，帮助大家在IT道路上学习和发展~
《Android学习笔记总结+移动架构视频+大厂面试真题+项目实战源码》，点击传送门，即可获取！