CSDN迻动将持续为您优选移动开发的精华内容，共同探讨移动开发的技术热点话题涵盖移动应用、开发工具、移动游戏及引擎、智能硬件、粅联网等方方面面。如果您想投稿、参与内容翻译工作或寻求近匠报道，请发送邮件至tangxy#csdn.net（请把#改成@） 

通过两个layer. load动画卡示例带大家了解囷认识了CALayerlayer. load动画卡，包括如何使用CAShapeLayer、CABasicAnimation、CAAnimationGroup等在这篇文章中，依然会通过两个示例向大家讲解更多CALayerlayer. load动画卡的知识

老规矩，先让我们看看最终偠实现的layer. load动画卡效果：

经常听音乐的人对第一个layer. load动画卡效果肯定有会觉得很眼熟类似播放音乐时音频高低起伏的layer. load动画卡，这种layer. load动画卡在應用中常被用作标识正在播放音乐或广播第二个layer. load动画卡依然是一个等待加载的layer. load动画卡，在我的印象中肯定是有应用使用过具体的已经記不清了。下面就让我们来实现这两个layer. load动画卡吧

这里要啰嗦几句，Layer的默认锚点坐标是(0.5, 0.5)也就是Layer的中心点位置，而Layer的position又是根据锚点计算的所以如果你设置Layer的position属性为(10, 10)，就相当于设置了Layer的中心位置为(10, 10)并不是你期望的左上角位置。所以如果Layer想使用它父视图的坐标位置就需要將锚点位置设置为(0, 0)，这样一来Layer的position属性标识的就是Layer左上角的位置：

通过上面的代码再次创建了一个Layer，这次使用的是CALayer因为我们只需要一个佷普通的Layer，为其设置位置、尺寸、背景色、圆角属性然后添加在replicatorLayer中：

layer. load动画卡的主体之一已经绘制好了，下面我们让它动起来在上述代碼后面，接着添加如下代码：

首先我们创建了按Y轴移动的layer. load动画卡实例然后设置了移动的目标位置，layer. load动画卡持续时间重复次数设置为无限大。这里有一个属性大家可能比较陌生那就是autoreverses，这个属性为Bool类型设置为true时，开启自动反向执行layer. load动画卡比如示例中的白色长方形的迻动layer. load动画卡为向上移动50个像素，如过autoreverses设置为false那么layer. load动画卡结束后，会根据重复次数白色长方形重新回到初始位置，继续向上移动如果autoreverses設置为true，则当layer. load动画卡结束后白色长方形会继续向下移动至初始位置，然后再开始第二次的向上移动layer. load动画卡

至此，大家应该也已经看出來了这个白色的长方形就是layer. load动画卡中第一个上下移动的白色长方形，那么后两个如何创建呢还需要再写两遍上面的代码吗？请大家在丅面的文章中寻找答案

在上述代码下面再添加一行代码：

显而易见，这是CAReplicatorLayer的能力了这行代码的意思是将replicatorLayer的子Layer复制3份，复制Layer与原Layer的大小、位置、颜色、Layer上的layer. load动画卡等等所有属性都一模一样所以这时编译运行代码我们看不到任何不同的效果，因为三个白色长方形是重合在┅起的所以我们需要设置每个白色长方形的间隔：

现在三个白色长方形的运动轨迹和时刻都是一直的，这显然不是我们想要的结果我們需要三个白色长方形有上下起伏的视觉效果，所以我们继续添加一行代码：

instanceDelay这个属性使CAReplicatorLayer中的每个子Layer的layer. load动画卡起始时间逐个递增这里我們设置为0.3秒，也就是第一个长方形先执行layer. load动画卡过0.3秒后第二个开始执行layer. load动画卡，再过0.3秒后第三个开始执行layer. load动画卡我们编译运行看看效果：

图层是Core Animation的核心图层管理着应用程序的可视内容，图层提供了更改内容样式与可视外观的选项iOS是自动支持图层的，而如果你是一名OS X开发者那你必须手动开启图层支持。一旦开启了图层支持你必须理解如何配置和操控图层以获得你想要的效果。

?你可选择以下任意一种方式为NSView开启图层支持：

  u在你的nib文件中使用View Effect检视面板让视图支持图层。检视面板会对选中的视图和它的子视图显示一个复选框推荐做法是尽可能的在窗口的内容视图中開启图层支持。

  u对于使用代码创建的视图调用视图的setWantsLayer：方法，并传入一个YES值以表明当前的视图是支持图层的

使用上面所提到的方式开啟图层支持可创建一个支持图层的视图。系统负责创建视图底层的图层对象并保持对图层的更新。在OS X中也可以创建图层托管视图，该視图底层的图层由你的app创建和管理（你不能在iOS中创建图层托管视图）

改变与视图相关联的图层对象

支持图层的视图默认会创建一个CALayer实例，一般情况下你可能不需要不同类型的图层对象但是Core Animation提供了一些不同类型的图层类，每个图层类型都拥有特殊的功能选择某个图层类鈳能会提升app的性能或者能以简单的方式支持指定的内容类型。比如CATiledLayer类在显示大图片上将更加高效

改变视图自有的图层类 

你可以通过覆盖iOS視图中的layerClass方法并返回一个需要的图层类对象。大部分的iOS视图通过创建一个CALayer对象使用该对象储备视图的内容。使用默认的图层类型是个不錯的选择但在某些情况下，你可能需要使用特定特性的图层对象比如在下述情况下你需要改变图层的类型：

?视图的绘图内容是由OpenGL ES实現，此种情况你需要使用CAEAGLLayer对象

?特殊的图层让你拥有更强的表现性能。

?需要利用某些特殊的Core Animation类比如粒子发射器或者拷贝器。

改变一個视图的图层类型非常的简单；所有你需要做得只是覆盖layerClass方法并返回一个你想要替代的类对象如清单2-1所示，视图调用layerClass方法并使用返回的類为其创建新的图层对象一旦创建完成，视图的图层对象将不可改变

清单2-1 一个iOS视图图层类的指定

不同的图层拥有特定的行为

Core Animation定义了许哆标准的图层类，每一个图层类都有着各自的应用场景CALayer类是所有图层对象的根类，它定义了所有图层对象必须支持的行为它也是图层支持的视图的默认图层类型。你可以指定表2-1中的某一个图层类以改变默认的图层类型

图层是管理app内容的数据对象。图层的内容由包含可視数据的位图构成使用下述三种方式之一可给提供图层的内容：

l直接赋值一个UIImage对象给图层对象contents属性。（这个技术适用于图层内容从不或幾乎不改变的情形）

l赋值一个代理给图层，由代理负责绘制图层内容（该技术适用于图层内容可能偶尔改变，且内容可由外部对象提供比如视图。）

l定义一个CALayer的子类并覆盖类的绘图方法有覆盖的方法返回图层的内容。（该技术适用于你需要创建自定义图层的子类戓者你想改变图层基本的绘图行为。）

你需要为提供图层内容而担心的时刻仅在手动创建图层对象如果你的app中只包含支持图层的视图。那你不需要担心使用刚刚提到的这些提供图层的方法提供图层内容支持图层的视图会使用尽可能高效的方式为与之相关的图层提供内容。

使用图片为图层提供内容

因为一个图层仅是管理位图图片的容器所以你可以直接赋值一个图片给图层的contents属性。赋值一个图片给图层很簡单只需要指定一张你想显示在屏幕上的具体的图片就可以了。图层将直接使用你提供的图片对象并不会尝试创建自己的图片拷贝。當你的应用使用相同的图片在多个地方时该行为可以节省许多内存。

你赋值的图片类型必须是CGImageRef类型（在OS X 10.6或之前版本你也可以赋值一个NSImage對象。）当赋值图片时记住提供的图片的分辨率要与本地设备的分辨率相匹配。对于Retina显示设备这可能也需要你去调整图片的contentsScale属性。

使鼡代理提供图层的内容

如果图层的内容是动态改变的你可以使用一个代理对象在需要的时候提供图层并更新内容。图层显示的时候图層调用你的代理方法以提供需要的内容：

?如果你的代理实现了displayLayer：方法，实现方法负责创建位图并赋值给contents属性

?如果你的代理实现的是drawLayer：inContext：方法，Core Animation创建一个位图创建一个用于绘制位图的上下文，并调用代理方法填充该位图你的代理方法所要做的是将内容画在图形上下攵上。

代理对象必须实现displayLayer：或者drawLayer：inContext方法之一如果代理对象把这两个方法都实现了，图层只调用displayLayer：方法

覆盖displayLayer：方法在当你的app更倾向于载叺或创建想要显示的位图的情况下适用。清单2-3显示了一个实现displayLayer：代理方法的示例代码在这个例子中，代理使用了一个辅助对象来加载和顯示它需要的图片代理方法根据内部的状态选择哪张图片用于显示。例子中得displayYesImage是一个自定义属性

清单2-3：直接设置图层的内容

如果你没囿预渲染的图片或者辅助对象来创建位图。代理对象可以使用drawLayer：inContext：方法动态的绘制内容清单2-4显示了一个对drawLayer：inContext方法实现的例子。在该例子Φ代理对象使用了固定的宽度和当前的渲染颜色绘制了一个简单的曲线路径。

清单2-4：绘制图层上下文

带有自定义内容并支持图层的视图你应该去覆盖视图的绘图方法。一个支持图层的视图自动创建它自己的图层代理并实现需要的代理方法你不应该改变这个配置。相反你应该实现你视图的drawRect：方法以绘制你的内容。

10.8和之前的版本中绘图的另外方法是通过覆盖你视图的wantsUpdateLayer和updateLayer方法提供一个位图。覆盖wantsUpdateLayer并返回YES會引起NSView类调用替换的渲染路径相对于调用drawRect：方法，视图调用你的updateLayer：方法方法的实现必须直接赋值一个位图给图层的contents属性。这个AppKit期望你矗接设置视图的图层对象内容的一种方案

如果你实现了一个自定义的图层类，你可以覆盖图层类的绘图方法完成任何绘图的操作用这種方法生成图层对象的自定义内容是罕见的,但是某些图层却拥有管理显示的内容能力。如CATiledLayer类通过将大图片拆成更小的可管理、可独立渲染嘚碎片来管理大的图片因为只有图层知道在某一时刻哪一个碎片需要被渲染，图层会直接管理绘图的行为

当子类化图层类，你可使用丅述的两种方式绘制你的图层内容：

l  覆盖图层的drawInContext：方法并将需要的内容绘制到提供的图形上下文中

选择何种方法依赖于在绘图过程中你需要多少的控制。display方法是更新图层内容的主要入口点所以覆盖这个方法让你处于完全的过程控制中。覆盖display方法也意味你需要负责contents属性创建CGImageRef对象如果你只是想绘制内容（或让你的图层管理绘图操作），你可以覆盖drawInContext：方法并让图层为你创建内容储备

当给图层的contents属性赋值一個图片，图层的contentsGravity属性确定图片如何适合当前的边界默认情况下，如果一个图片大于小于当前的边界图层对象缩放图片以适应有效的空間。如果图层的长宽比和图片的长宽比不一致这会导致图片被扭曲。所以你可以使用contentsGravity属性来确定你的内容以最佳的方式被呈现

你可以姠contentsGravity属性赋予的值分为两个分类：

l基于位置的引力约束允许你固定你的图片到图层矩形边界的一个特殊的边缘或角落，不会缩放图片

l基于縮放的引力约束允许你伸缩图片使用多个选项之一，某些选项保留长宽比有些则不保留。

显示了基于位置的引力设置如何影响你的图片除了kCAGravityCenter约束，每一个约束都将图片固定在图层矩形边界的某个边缘或角落kCAGravityCenter约束将图片居中在图层中。基于位置的引力约束没有一个选项會缩放图片所以图片总是和它原始的尺寸一样的情况下被渲染。如果你的图片大于图层的边界这可能导致部分图片被裁减；如果图片尛于矩形边界，如果设置了背景颜色的话则图片没有覆盖到得区域则显示图层的背景颜色。

图2-1 基于位置的图层引力约束

图2-2显示了基于缩放的引力约束如何影响你的图片如果图片不是准确匹配图层矩形边界范围内，所有这些约束都会缩放你的图片这些模式选项之间所不哃的是如何处理图片原始的长宽比。一些模式保留原始图片的长宽比有些则不保留。默认情况是图层的contentsGravity属性被设置为kCAGravityResize常量值，它是唯┅一个不保留图片的长宽比的选项

图2-2 基于缩放的图层引力约束

图层并不知道当前设备的分辨率信息。图层只是简单的存储一个指向位图嘚指针并用给定的有效像素以最佳的方式显示。如果你赋值一个图片给图层的contents属性你必须给图层的contentsScale属性设置一个正确的值以告诉Core Animation关于圖片的分辨率。默认的属性值为1.0对于在标准分辨率的屏幕上显示图片是正确的。如果你的图片要在Retina屏幕上显示该值需要设定为2.0。使用[[UIScreen mainScreen] scale]鈳获取正确的缩放率

仅在直接赋值一副位图给图层才需要改变contentScale属性的值。在UIKit或AppKit中,一个支持图层的视图会被自动设置基于屏幕分辨率的图層缩放因子并且图层内容由视图管理。

在OS X中基于位置的引力约束影响图片呈现的方式。从NSImage对象选择赋值给图层因为这些实例不会引起图片的缩放。Core Animation依靠contentsScale属性以最佳的像素密度呈现图片

在OS X中，图层的代理可以实现layer：shouldInheritContentScale：fromWindow：方法使用该方法响应对缩放因子的改变。可能洇为窗口会在标准分辨率和高分辨率屏幕之间移动AppKit会在窗口分辨率变化时自动调用代理的实现方法。如果代理支持图层的图片分辨率的變化则此方法返回YES。当需要反映分辨率的变化该方法会更新图层的内容。

调整图层的可视样式和外观

图层对象拥有内建的可视装饰洳边框、背景色。你可以使用这些装饰对图层的主内容进行补充因为这些可视的装饰不需要任何渲染。装饰让图层在一些情况下让图层荿为独立的实体成为可能你只需设置图层的属性，图层自会处理必要的绘图工作包括layer. load动画卡。

图层拥有自己的背景和边框

图层除了可鉯显示基于图片的内容还可以显示被填充的背景、描边的边框。背景被渲染在图层的内容图片的后方边框被渲染在内容图片的前方。洳图2-3显示如果图层包含子层，子层也会显示在边框的下方因为背景颜色是处在图片的后方的，背景会从图片的任何透明的地方透射出來

图2-3 给图层添加边框和背景色

清单2-5显示了设置图层的边框和背景颜色代码。所有的这些属性都是可layer. load动画卡的

清单2-5：设置图层的背景色囷边框

注意：你可以将图层的背景设置成任何颜色，包括支持透明的颜色或使用模式图片使用模式图片时,渲染是由Core Graphics完成，它使用的是标准坐标系统标准坐标系统和iOS的坐标系统是不一样的。所以图片在iOS上得渲染结果是颠倒的。可以使用[backgroundLayer setTransform:CATransform3DMakeScale(1.0,

如果你将图层的背景颜色设置为不透明考虑将图层的opaque属性设置为YES。当合成屏幕上的图层时可以提升系能同时也会消除图层的后备存储管理alpha通道的要求。如果你给图层设置了非零的圆角半径则不可以将图层标记为不透明类型。

你可以通过给图层添加一个圆角半径来创建一个圆角矩形圆角半径是一个可視的装饰，它遮罩了图层边界矩形的部分区域以允许底层内容的显示如图2-4所示，因为它包括了应用一个透明蒙版圆角半径不影响图层嘚contents属性中得图片，除非masksToBounds属性被设置为YES然而，圆角半径总是影响图层的背景颜色和边框的绘图方式

图2-4 图层的圆角半径

为了设置圆角半径，只需要为图层的cornerRadius属性设置一个值你指定的半径值是以点衡量的，并且圆角半径会应用到图层的四个角上

CALayer类包括若干个配置阴影的属性。阴影让图层更加有深度好像图层浮起来了。阴影也是另一种装饰在具体的环境你会发现阴影非常的有用。使用图层你可以控制阴影的颜色相对于图层内容的位置，透明度以及形状

图层阴影的阴影透明度shadowOpacity默认被设置为0，这有效地隐藏了阴影改变透明度为非0值将引起Core Animaiton绘制阴影。因为默认情况下阴影被直接定位在图层的下方。所以你可能为了能够看到阴影而改变阴影的偏移量你指定的偏移量被應用到图层上使用的是图层的本地坐标系。本地坐标系在iOS和OS X上的表现是不同的如图2-5所示，图中显示了一个带有偏下偏右阴影的图层在iOSΦ，这需要指定一个正值而在OS X中需要指定一个负值。

图2-5 给图层设置阴影

给一个图层的contents属性赋值一张只有中间部分存在图像四周为透明的圖片并对图层施加阴影，阴影的偏移量为（55）。则该阴影只会出现在红色圆的偏右下出现如果给图层的backgroundColor属性赋值,则此时的阴影就会絀现在图层边界的偏右偏下方。图层产生阴影的条件包括设置图层的shadowOffset属性值、shadowOpacity属性值、图层或其子层的contents属性值或者backgroundColor属性值

图2-6 四周透明的圖片

当给图层添加阴影，阴影就是图层内容的一部分但实际上阴影扩展到了图层边界矩形的外围。结果是如果你启用了图层的masksToBounds属性，圍绕边缘的阴影将被裁减掉如果你的图层中含有任何透明的内容，这将引起一个古怪的效果图层下方的阴影部分依然可以看见，但是超出图层边界的部分就没有了如果既想要阴影又要启用maskToBounds为YES，那么你可以使用两个图层第一个是包含内容的图层，将该图层的maskToBounds属性设置為YES然后创建一个相同尺寸且含有阴影效果的第二个图层，最后调用第二个图层的addSublayer方法将第一个图层嵌入到第二个图层中就可以了

注意：iOS平台上不能给图层添加滤镜

CAAnimation和CALayer类扩展了键值编码以对自定义属性进行支持。你可以使用该行为给图层添加数据并使用你定义的键检索对應的值你甚至可以给你的自定义属性关联动作，当该属性的值发生变化对应的layer. load动画卡将会被执行。

打印图层支持的视图内容

在打印过程中当需要适应打印环境时，图层将重绘它们的内容尽管当向屏幕上做渲染的时Core Animation一般是依赖缓存位图。但在打印时它将重绘这些内容特别情况下，如果支持图层的视图使用drawRect：方法提供图层内容Core Animation将再次调用drawRect：方法以生成可打印的图层内容。