iOS CoreAnimation专题——技巧篇（三）Layer Masking - 图层蒙版

什么是蒙版

我们知道，如果你想要显示一个图层的内容，需要将其加到图层的层级上

- [CALayer addSublayer:]

当然你还可以通过将一个CALayer的内容通过位图的形式渲染进CoreGraphics绘图上下文来进行一些其他的操作。

当你需要将一个CALayer的内容变成圆角的时候，你可以通过设置cornerRadius来很方便的实现，但是如果你想要一个CALayer的内容被剪裁成任意形状应该如何是好呢？

你当然可以通过使用一张拥有alpha属性的PNG图片来直接绘制，但是这样做的话就没有动态特性了，比如剪裁形状和要剪裁的图片本身都是用户指定的，这样的话就必须用编程来动态实现了。

如果你使用过Photoshop，这个问题你肯定知道可以创建一个图层蒙版来实现。而在CoreAnimation中，框架同样为我们提供了这样的功能，CALayer拥有一个属性叫做mask，作为这个CALayer对象的蒙版，mask本身也是一个CALayer，比如：

CALayer * layer = [CALayer layer];
CALayer * maskLayer = [CALayer layer];
layer.mask = maskLayer;

这样的话，maskLayer就成为了layer的蒙版，maskLayer类似于一个子图层，相对于父图层（即拥有该属性的图层，在这里就是layer）布局，但是它却不是一个普通的子图层。maskLayer并不会直接绘制在父图层之上，它只是定义了父图层的“可视部分”。

想象maskLayer是一张纸，盖在了layer上，那么layer能显示出来的内容，就是maskLayer“不是透明的部分”的内容。mask属性就像是一个饼干切割机，mask图层实心的部分会被保留下来，其他的（透明的部分）则会被抛弃。如图

为了更好的理解蒙版的“留下不透明部分的内容”的特性，我们来看个例子。

我们自己来用PS创建一张PNG图片作为蒙版，打开PS软件，创建一个300*300的画布，然后任意选择一种前景色（不要和背景色一样就行），然后选择画笔工具，画笔的大小稍微粗一点，比如30，然后在一旁画一个“8”（或者你喜欢的任意形状），再在旁边画另外一个形状，比如：

然后选择魔术橡皮擦工具，（找到橡皮擦工具，然后点右键就能找到了），把背景色的部分都变透明

最后保存为PNG（注意一定要是PNG格式）。我们将这张图片拖进我们的工程里面，它将作为我们的蒙版，这里我命名为mask.png。然后随便找一张你喜欢的图片作为我们要绘制的内容，也将是被蒙版的图片，我命名为content.png。

接下来我们使用代码来进行显示：