iOS开发CoreAnimation解读之二——对CALayer的分析

        每一个uiview的对象中都有一个layer这样的属性，并且layer会负责view中有关图形绘制的相关操作，例如我们设置view的背景颜色和设置layer的背景颜色都是有效的，并且，设置view的背景色依然是通过layer来展示的，我们可以写如下的测试代码：

<a href="http://my.oschina.net/u/2340880/blog/536048#">?</a>

1

2

3

4

5

6

7

<code>    </code><code>uiview * view = [[uiview alloc]initwithframe:cgrectmake(100, 100, 100, 100)];</code>

<code>    </code><code>view.backgroundcolor = [uicolor redcolor];</code>

<code>    </code> 

<code>    </code><code>uiview * view2 = [[uiview alloc]initwithframe:cgrectmake(100, 300, 100, 100)];</code>

<code>    </code><code>view2.layer.backgroundcolor = view.layer.backgroundcolor;</code>

<code>    </code><code>[self.view addsubview:view];</code>

<code>    </code><code>[self.view addsubview:view2];</code>

可以看出，我们设置view的backgroundcolor属性其实起作用的也是layer的backgroundcolor。

        uiview是很多视图类的父类，根据功能不同，会分出uiimageview，uiscrollerview，uitableview等，calayer也相似，其也可以根据功能分出许多子类，还可以根据我们的需求自定义一个layer类。uiview其中的layer默认是calyer类，我们也可以通过重写view中的如下方法来使其创建我们需要的layer类：

<code>+(class)layerclass{</code>

<code>}</code>

例如我们自定义一个view类，在自定义一个layer类，是的自定义的view默认创建的layer是自定义的layer：

在myview中重写上述方法：

<code>    </code><code>return</code> <code>[mylayer  </code><code>class</code><code>];</code>

在mylayer中进行一些自定义：

8

<code>- (instancetype)init</code>

<code>{</code>

<code>    </code><code>self = [super init];</code>

<code>    </code><code>if</code> <code>(self) {</code>

<code>        </code><code>self.backgroundcolor = [uicolor redcolor].cgcolor;</code>

<code>    </code><code>}</code>

<code>    </code><code>return</code> <code>self;</code>

之后我们使用这个myview的对象时，layer层的背景色就是红色的了。

        前边说过，和uiview相似，calayer也很据功能衍生出许多子类，系统系统给我们可以使用的有如下几种：

coreanimation框架中的caemitterlayer是一个粒子发射器系统，负责粒子的创建和发射源属性。通过它，我们可以轻松创建出炫酷的粒子效果。

cagradientlayer可以创建出色彩渐变的图层效果，如下：

caeagllayer可以通过opengl es来进行界面的绘制。

careplicatorlayer是一个layer容器，会对其中的sublayer进行复制和属性偏移，通过它，可以创建出类似倒影的效果，也可以进行变换复制，如下：

cascrolllayer可以支持其上管理的多个子层进行滑动，但是只能通过代码进行管理，不能进行用户点按触发。

cashapelayer可以让我们在layer层是直接绘制出自定义的形状。

catextlayer可以通过字符串进行文字的绘制。

catiledlayer类似瓦片视图，可以将绘制分区域进行，常用于一张大的图片的分不分绘制。

catransformlayer用于构建一些3d效果的图层。

设置层的内容有下面三种方式：

1.可以通过设置cgimage为layer的内容。

2.可以通过代理方法来动态修改或者绘制层的内容。

3.通过自定义calayer对象来创建层的内容。

当你设置了layer的内容后，例如设置了一张图片，内容的尺寸不一定会刚好和layer的尺寸合适，我们可以对其位置的调整，使其达到我们想要的效果，contentsgravity属性决定了内容对齐与填充方式，它可以分为两个方面：

1.不改变内容的原始大小

这种模式中不会改变内容的原始大小，如果层的尺寸小于内容的尺寸，则内容会被切割，如果层的尺寸大于内容的尺寸，多出的部分将会显示层的背景颜色。下面的这些设置方式为这种模式：

9

10

11

12

13

14

15

16

17

18

<code>ca_extern nsstring * </code><code>const</code> <code>kcagravitycenter</code>

<code>    </code><code>__osx_available_starting (__mac_10_5, __iphone_2_0);</code>

<code>ca_extern nsstring * </code><code>const</code> <code>kcagravitytop</code>

<code>ca_extern nsstring * </code><code>const</code> <code>kcagravitybottom</code>

<code>ca_extern nsstring * </code><code>const</code> <code>kcagravityleft</code>

<code>ca_extern nsstring * </code><code>const</code> <code>kcagravityright</code>

<code>ca_extern nsstring * </code><code>const</code> <code>kcagravitytopleft</code>

<code>ca_extern nsstring * </code><code>const</code> <code>kcagravitytopright</code>

<code>ca_extern nsstring * </code><code>const</code> <code>kcagravitybottomleft</code>

<code>ca_extern nsstring * </code><code>const</code> <code>kcagravitybottomright</code>

每个参数对应的对其模式如下图：

2.改变内容的尺寸大小

这种模式设置的实际上是一种填充方式，参数如下：

<code>ca_extern nsstring * </code><code>const</code> <code>kcagravityresize</code>

<code>ca_extern nsstring * </code><code>const</code> <code>kcagravityresizeaspect</code>

<code>ca_extern nsstring * </code><code>const</code> <code>kcagravityresizeaspectfill</code>

<code>//通过类方法创建并初始化一个layer</code>

<code>+ (instancetype)layer;</code>

<code>//初始化方法</code>

<code>- (instancetype)init;</code>

<code>//通过一个layer创建一个副本</code>

<code>- (instancetype)initwithlayer:(id)layer;</code>

    在calayer中，有如下两个属性，他们都返回一个calayer的对象：

<code>//渲染层layer</code>

<code>- (nullable id)presentationlayer;</code>

<code>//模型层layer</code>

<code>- (id)modellayer;</code>

对于presentationlayer，这个属性不一定总会返回一个实体对象，只有当进行动画或者其他渲染的操作时，这个属性会返回一个在当前屏幕上的layer，不且每一次执行，这个对象都会不同，它是原layer的一个副本presentationlayer的modellayer就是其实体layer层。

对于modellayer，它会返回当前的存储信息的layer，也是当前的layer对象，始终唯一。

<code>+ (nullable id)defaultvalueforkey:(nsstring *)key;</code>

上面这个属性用于设置layer中默认属性的值，我们可以在子类中重写这个方法来改变默认创建的layer的一些属性，例如如下代码，我们创建出来的layer就默认有红色的背景颜色：

<code>+(id)defaultvalueforkey:(nsstring *)key{</code>

<code>    </code><code>if</code> <code>([key isequaltostring:@</code><code>"backgroundcolor"</code><code>]) {</code>

<code>        </code><code>return</code> <code>(id)[uicolor redcolor].cgcolor;</code>

<code>    </code><code>return</code> <code>[super defaultvalueforkey:key];</code>

19

20

21

22

23

24

25

26

27

28

29

30

31

32

33

34

35

36

37

38

39

40

41

42

43

44

45

46

47

48

49

50

51

52

53

54

55

56

57

58

59

60

61

62

63

64

65

66

67

68

69

<code>//这个方法也只使用在子类中重写，用于设置在某些属性改变时是否进行layer重绘</code>

<code>+ (</code><code>bool</code><code>)needsdisplayforkey:(nsstring *)key;</code>

<code>//子类重写这个方法设置属性是否可以被归档</code>

<code>- (</code><code>bool</code><code>)shouldarchivevalueforkey:(nsstring *)key;</code>

<code>/*********************************************/</code>

<code>//设置layer尺寸</code>

<code>@property cgrect bounds;</code>

<code>//设置layer位置</code>

<code>@property cgpoint position;</code>

<code>//设置其在父layer中的层次，默认为0，这个值越大，层次越靠上</code>

<code>@property cgfloat zposition;</code>

<code>//锚点</code>

<code>@property cgpoint anchorpoint;</code>

<code>//在z轴上的锚点位置 3d变换时会有很大影响</code>

<code>@property cgfloat anchorpointz;</code>

<code>//进行3d变换</code>

<code>@property catransform3d transform;</code>

<code>//获取和设置cgaffinetransform变换</code>

<code>- (cgaffinetransform)affinetransform;</code>

<code>- (</code><code>void</code><code>)setaffinetransform:(cgaffinetransform)m;</code>

<code>//设置layer的frame</code>

<code>@property cgrect frame;</code>

<code>//设置是否隐藏</code>

<code>@property(getter=ishidden) </code><code>bool</code> <code>hidden;</code>

<code>//每个layer层有两面，这个属性确定是否两面都显示</code>

<code>@property(getter=isdoublesided) </code><code>bool</code> <code>doublesided;</code>

<code>//是否进行y轴的方向翻转</code>

<code>@property(getter=isgeometryflipped) </code><code>bool</code> <code>geometryflipped;</code>

<code>//获取当前layer内容y轴方向是否被翻转了</code>

<code>- (</code><code>bool</code><code>)contentsareflipped;</code>

<code>//父layer视图</code>

<code>@property(nullable, readonly) calayer *superlayer;</code>

<code>//从其父layer层上移除</code>

<code>- (</code><code>void</code><code>)removefromsuperlayer;</code>

<code>//所有子layer数组</code>

<code>@property(nullable, copy) nsarray&lt;calayer *&gt; *sublayers;</code>

<code>//添加一个字layer</code>

<code>- (</code><code>void</code><code>)addsublayer:(calayer *)layer;</code>

<code>//插入一个子layer</code>

<code>- (</code><code>void</code><code>)insertsublayer:(calayer *)layer atindex:(unsigned)idx;</code>

<code>//将一个子layer插入到最下面</code>

<code>- (</code><code>void</code><code>)insertsublayer:(calayer *)layer below:(nullable calayer *)sibling;</code>

<code>//将一个子layer插入到最上面</code>

<code>- (</code><code>void</code><code>)insertsublayer:(calayer *)layer above:(nullable calayer *)sibling;</code>

<code>//替换一个子layer</code>

<code>- (</code><code>void</code><code>)replacesublayer:(calayer *)layer with:(calayer *)layer2;</code>

<code>//对其子layer进行3d变换</code>

<code>@property catransform3d sublayertransform;</code>

<code>//遮罩层layer</code>

<code>@property(nullable, strong) calayer *mask;</code>

<code>//舍否进行bounds的切割，在设置圆角属性时会设置为yes</code>

<code>@property </code><code>bool</code> <code>maskstobounds;</code>

<code>//下面这些方法用于坐标转换</code>

<code>- (cgpoint)convertpoint:(cgpoint)p fromlayer:(nullable calayer *)l;</code>

<code>- (cgpoint)convertpoint:(cgpoint)p tolayer:(nullable calayer *)l;</code>

<code>- (cgrect)convertrect:(cgrect)r fromlayer:(nullable calayer *)l;</code>

<code>- (cgrect)convertrect:(cgrect)r tolayer:(nullable calayer *)l;</code>

<code>//返回包含某一点的最上层的子layer</code>

<code>- (nullable calayer *)hittest:(cgpoint)p;</code>

<code>//返回layer的bounds内是否包含某一点</code>

<code>- (</code><code>bool</code><code>)containspoint:(cgpoint)p;</code>

<code>//设置layer的内容，一般会设置为cgimage的对象</code>

<code>@property(nullable, strong) id contents;</code>

<code>//获取内容的rect尺寸</code>

<code>@property cgrect contentsrect;</code>

<code>//设置内容的填充和对其方式，具体上面有说</code>

<code>@property(copy) nsstring *contentsgravity;</code>

<code>//设置内容的缩放</code>

<code>@property cgfloat contentsscale;</code>

下面这个属性和内容拉伸相关：

<code>@property cgrect contentscenter;</code>

这个属性确定一个矩形区域，当内容进行拉伸或者缩放的时候，这一部分的区域是会被形变的，例如默认设置为(0,0,1,1)，则整个内容区域都会参与形变。如果我们设置为(0.25,0.25,0.5,0.5),那么只有中间0.5*0.5比例宽高的区域会被拉伸，四周都不会。

下面这两个属性用来设置缩放或拉伸的模式：

<code>//设置缩小的模式</code>

<code>@property(copy) nsstring *minificationfilter;</code>

<code>//设置放大的模式</code>

<code>@property(copy) nsstring *magnificationfilter;</code>

<code>//缩放因子</code>

<code>@property </code><code>float</code> <code>minificationfilterbias;</code>

<code>//模式参数如下</code>

<code>//临近插值</code>

<code>nsstring * </code><code>const</code> <code>kcafilternearest;</code>

<code>//线性拉伸</code>

<code>nsstring * </code><code>const</code> <code>kcafilterlinear;</code>

<code>//瓦片复制拉伸</code>

<code>nsstring * </code><code>const</code> <code>kcafiltertrilinear;</code>

<code>//设置内容是否完全不透明</code>

<code>@property(getter=isopaque) </code><code>bool</code> <code>opaque;</code>

<code>//重新加载绘制内容</code>

<code>- (</code><code>void</code><code>)display;</code>

<code>//设置内容为需要重新绘制</code>

<code>- (</code><code>void</code><code>)setneedsdisplay;</code>

<code>//设置某一区域内容需要重新绘制</code>

<code>- (</code><code>void</code><code>)setneedsdisplayinrect:(cgrect)r;</code>

<code>//获取是否需要重新绘制</code>

<code>- (</code><code>bool</code><code>)needsdisplay;</code>

<code>//如果需要，进行内容重绘</code>

<code>- (</code><code>void</code><code>)displayifneeded;</code>

<code>//这个属性设置为yes，当内容改变时会自动调用- (void)setneedsdisplay函数</code>

<code>@property </code><code>bool</code> <code>needsdisplayonboundschange;</code>

<code>//绘制与读取内容</code>

<code>- (</code><code>void</code><code>)drawincontext:(cgcontextref)ctx;</code>

<code>- (</code><code>void</code><code>)renderincontext:(cgcontextref)ctx;</code>

<code>//设置背景颜色</code>

<code>@property(nullable) cgcolorref backgroundcolor;</code>

<code>//设置圆角半径</code>

<code>@property cgfloat cornerradius;</code>

<code>//设置边框宽度</code>

<code>@property cgfloat borderwidth;</code>

<code>//设置边框颜色</code>

<code>@property(nullable) cgcolorref bordercolor;</code>

<code>//设置透明度</code>

<code>@property </code><code>float</code> <code>opacity;</code>

<code>//设置阴影颜色</code>

<code>@property(nullable) cgcolorref shadowcolor;</code>

<code>//设置阴影透明度</code>

<code>@property </code><code>float</code> <code>shadowopacity;</code>

<code>//设置阴影偏移量</code>

<code>@property cgsize shadowoffset;</code>

<code>//设置阴影圆角半径</code>

<code>@property cgfloat shadowradius;</code>

<code>//设置阴影路径</code>

<code>@property(nullable) cgpathref shadowpath;</code>

<code>//添加一个动画对象 key值起到id的作用，通过key值，可以取到这个动画对象</code>

<code>- (</code><code>void</code><code>)addanimation:(caanimation *)anim forkey:(nullable nsstring *)key;</code>

<code>//移除所有动画对象</code>

<code>- (</code><code>void</code><code>)removeallanimations;</code>

<code>//移除某个动画对象</code>

<code>- (</code><code>void</code><code>)removeanimationforkey:(nsstring *)key;</code>

<code>//获取所有动画对象的key值</code>

<code>- (nullable nsarray&lt;nsstring *&gt; *)animationkeys;</code>

<code>//通过key值获取动画对象</code>

<code>- (nullable caanimation *)animationforkey:(nsstring *)key;</code>

<code></code>