关于CoreAnimation动画（上）_html/css_WEB-ITnose
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了关于CoreAnimation动画（上）_html/css_WEB-ITnose，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含4448字，纯文字阅读大概需要7分钟。
内容图文
关于Core Animation动画（上） 1. UIView与CALayer
对于UIView和CALayer，大家应该都很熟悉。通常我们了解到UIView是通过视图树的结构来组织起来的，实际上，UIView管理并维护了另一个图层树(即CALayer树)，真正的在屏幕上显示与动画的实际上是CALayer对象。
如果说CALayer是View的内部实现细节，那么为什么苹果要再封装一层UIView呢，UIView与CALayer的区别又是什么呢?
UIView与CALayer最大的区别就是UIView可以处理用户的交互（如点击事件），而CALayer是不清楚具体的响应者链的，其不能够响应事件。
将响应事件抽象到UIView中的原因，是为了与Mac OS公用一套底层代码(即layer层)。在Mac OS中有一个NSView的类，会用来处理一些与iOS不同的用户事件(比如键盘鼠标)。
对于大部分的简单场景，UIView都可以满足我们的要求。那么研究CALayer有什么用呢？
前面我们了解CALayer是无法像UIView那样处理触摸事件的，UIView也有一些没有暴露出来的CALayer的功能：
阴影，圆角，边框
3D变换（UIView只有2D变换）
透明遮罩
非矩形范围
非线性动画
其他很多功能，
实际上，每个UIView都有一个CALayer实例的图层属性，我们可以通过view.layer来获取。
CALayer有很多特殊的子类，可以实现很多不同的效果，大概可以看看CALayer具体有哪些子类。我们既可以改变UIView的CALayer类别，也可以为其添加不同的CALayer实例。这里暂时不讲太多，本章主要还是以动画为主。
2. 隐式动画
了解CALayer与UIView，我们可以来看看隐式动画，了解什么情况下，系统会自动产生动画。什么情况下，需要我们自己添加动画。
隐式动画实际上是由事物来产生的，我们先看看事物的概念：
2.1 事务
事务实际上是Core Animation用来包含一系列属性动画集合的机制，任何对CALayer的属性改变都不会立刻发生变化，而是在事务提交后，用一个动画过度到新值。
Core Animation在每个run loop周期中自动开始一次新的事务，任何在一次run loop循环中属性的改变都会集中起来，然后做一次0.25秒的动画。
比如说，我们添加一个新的layer到视图上，改变其backGroundColor，会发现颜色不是瞬间就改变的，而是经过了0.25s（动画的默认时长）的时间渐变过来。
//CALayer的隐式动画- (void)viewDidLoad { [super viewDidLoad]; //创建一个红色的layer _layer = [CALayer layer]; _layer.frame = self.view.bounds; _layer.backgroundColor = [UIColor redColor].CGColor; [self.view.layer addSublayer:_layer];}- (IBAction)changeColor:(id)sender { //修改layer的颜色为黄色 此时，颜色是由红色渐变到黄色的 _layer.backgroundColor = [UIColor yellowColor].CGColor;} 上面就是隐式动画产生的原因，每个run loop中的会默认开启一个事务来完成CALayer的隐私动画。 需要注意的是，UIView所关联的layer，是禁用了隐式动画的。这个时候我们需要自己来实现动画： 我们可以通过CATransaction的+begin和+commit来入栈或者出栈一个新的事务（也可以使用UIView的一些快捷方法，如+beginAnimations:context:和+animateWithDuration:animations:，他们本质上是一样的），
在新建的事务中，我们可以修改一些动画相关的设定，比如说duration动画时间，而这些设定是只对当前事务有效的，不会影响到默认run loop中的事务。
//对View做动画，需要包含在事物中[CATransaction begin];self.view.backgroundColor = [UIColor yellowColor]; //改变view颜色[CATransaction setAnimationDuration:1]; //修改本次事务的动画时间[CATransaction setCompletionBlock:^{ //动画结束后回调 NSLog(@"animation completed");}];[CATransaction commit]; //提交动画 2.2 modelLayer与presentationLayer
从上面的部分我们知道了CALayer的属性发生变化，会通过一段动画时间来渐变更新,而我们只是设置了backColor的起始值和结束值(由红色变为黄色)。那么是否有办法获取到动画中间状态的backColor呢？
答案是可以的，我们需要了解2个概念，modelLayer与presentationLayer。
多数情况下，我们创建的一个CALayer实例，是指的modelLayer（可以称为数据图层）。我们对一个layer对象调用-modelLayer通常会返回-self。当一个layer的属性发生变化时，modelLayer的属性值立刻（动画开始前）就发生了变化，在上面的例子中，modelLayer的值是立刻从红色变为黄色的。
而presentationLayer称为展现图层，它实际上是modelLayer的一份拷贝，表示了任意时刻屏幕显示的layer的真实值。也即动画过程中layer中间态的属性值，可以通过presentationLayer来获取。
需要注意的是只有layer在第一次屏幕上显示时，presentationLayer才会被创建，在这之前-presentationLayer返回的是nil。
总结一下
我们了解了CAlayer是UIView的底层实现，UIView可以处理一些用户触摸的事件，而CALayer则提供了更丰富的底层功能。
对于CALayer的属性改变，runloop会有一个默认的事物来进行隐式动画，而UIView则禁用掉了隐私动画，我们可以通过提交一个新的事物来对UIView的属性改变赋予一个可以控制的动画效果。
我们了解了modelLayer的属性是在修改后立刻就变为终值的，而presentationLayer则会经历一个渐变的修改过程，这对于一些交互性的动画很有帮助。
后续可能会讲一些Core Animation其他的东西，比如说显示动画，渲染树之类
转载请注明出处，我的博客: luoyibu
内容总结
以上是互联网集市为您收集整理的关于CoreAnimation动画（上）_html/css_WEB-ITnose全部内容，希望文章能够帮你解决关于CoreAnimation动画（上）_html/css_WEB-ITnose所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。