iOS CALayer详解

一、概述

在ios中，能看得见摸得到的东西基本都是UIView,比如一个按钮、一个文本标签、一个文本输入框、一个图标等等，这些都是UIView。其实UIView之所以能显示在屏幕上,完全是因为其内部的一个图层,在创建UIView对象时,UIView内部会自动创建一个图层对象(即CALayer对象)。

当UIView需要显示在屏幕上时,会调用drawRect方法进行绘图,并且会将所有内容绘制在自己的图层上。绘图完毕后,系统会将图层拷贝到屏幕上,于是就完成了UIView的显示。换言之,UIView本身不具备显示的功能,是其内部的图层具有显示功能。

通过操作CALayer对象,可以很方便的调整UIView的一些外观属性。比如阴影、圆角大小、边框的宽度和颜色、还能给图层添加动画来实现一些比较炫酷的效果。

二、UIView与CALayer之间的区别

1、UIView相当于一个容器装载着CALayer,可以处理用户事件。直接继承UIResponser。

2、CALayer是用来绘制内容的,不能处理用户事件。直接继承NSObject。

3、UIView与CALayer是相互依赖的关系。UIView依赖于CALayer提供的内容,CALayer依赖于UIView所提供的容器以用来显示CALayer绘制的内容。

三、CALayer的常用属性

可以通过contents属性给UIView设置背景图片:

例如,我们利用CALayer对图片的显示进行处理:

运行效果如下:

看上面的代码,我们明明添加了阴影,为什么没有出来呢?那是因为阴影效果和圆角裁剪发生了冲突,如果设置了圆角裁剪,那么阴影效果将不会出现。当注释掉圆角裁剪时,阴影效果才会展示,如下所示:

四、position和anchorPoint属性

CALayer有两个重要的属性:position和anchorPoint。

position属性:

(1)用来设置CALayer在父层中的位置.

(2)以父层的左上角为原点(0,0).

anchorPoint属性:

(1)称为"定位点"、"锚点"、控件旋转动画围绕着该点旋转.

(2)以自己的左上角为原点(0,0).

(3)它的x,y取值都是(0~1),默认值是(0.5，0.5),即默认是中点.

(4)决定着CALayer上的哪个点会在position的位置(即设置的锚点会移动到position点的位置)

五、隐式动画

每一个UIView内部都默认关联着一个CALayer,我们称这个Layer为RootLayer(根层),所有的非RootLayer对象,都存在隐式动画(即系统自带的一些效果)。

当对非RootLayer的部分属性进行修改时,默认会产生一些动画效果,而这部分属性称为AnimatableProperties(可动画属性).

列举几个常见的AnimatableProperties:

bounds:用于设置CALayer的宽度和高度,修改该属性会产生缩放动画。

backgroundColor:用于设置CALayer的背景颜色,修改该属性会产生背景色的渐变动画。

position:用于设置CALayer的位置,修改该属性会产生平移动画。

可以通过动画事务(CATransation)关闭默认的隐式动画: