Core Animation：图层的阴影处理和图层蒙板

1. 如果想让图层显示阴影效果，可以通过设置以下几个属性shadowOpacity、shadowColor、shadowOffset和shadowRadius。
   shadowOpacity决定了图层阴影的透明度（默认是0，不可见）。shadowColor决定了图层阴影的颜色。shadowOffset控制着图层的方向和距离，如下图一所示（默认值是{0, -3}，相对于Y轴向上偏移3个点）。shadowRadius控制着阴影的模糊度。
   

   

   （图一）shadowOffset为{-10, 3}和{10, -3}的效果

2. 图层的阴影并不总是方的，而是从图层内容的形状继承而来。示例代码如下，显示效果如图二所示
   CALayer *redLayer = [[CALayer alloc] init];
   UIImage *dolphinImage = [UIImage imageNamed:@"dolphin.png"];
   redLayer.contents = (__bridge id)dolphinImage.CGImage;
   redLayer.frame = CGRectMake(50, 50, 100, 100);
   [self.view.layer addSublayer:redLayer];
   redLayer.shadowColor = [UIColor blueColor].CGColor;
   redLayer.shadowOffset = CGSizeMake(-10, 3);
   redLayer.shadowOpacity = 1;

   
   
   

   （图二）海豚的阴影

3. 由第二点可知，图层的阴影是根据图层的内容来绘制的。所以当图层有许多子图层，并且子图层都有各自不同的contents时，计算阴影并进行绘制就会是一个非常消耗资源的工作。但如果事先知道阴影形状的情况下，就可以通过为图层指定一个shadowPath来提高性能。shadowPath是一个CGPathRef类型，对于比较复杂的阴影，可以通过UIBezierPath生成路径。示例代码如下，显示效果如图三所示

    CALayer *redLayer = [[CALayer alloc] init];
    UIImage *dolphinImage = [UIImage imageNamed:@"dolphin.png"];
    redLayer.contents = (__bridge id)dolphinImage.CGImage;
    redLayer.frame = CGRectMake(50, 50, 100, 100);
    [self.view.layer addSublayer:redLayer];
    redLayer.shadowColor = [UIColor blueColor].CGColor;
    redLayer.shadowOpacity = 1;
    CGMutablePathRef circlePath = CGPathCreateMutable();
    CGPathAddEllipseInRect(circlePath, NULL, redLayer.bounds);
    redLayer.shadowPath = circlePath;
    CGPathRelease(circlePath);
   

（图三）指定shadowPath的图层阴影效果

4. 可以通过属性mask给图层设置蒙板。这个属性是个CALayer类型。它类似于一个子图层，相对于父图层（即拥有该属性的图层）布局。但是它不同于那些绘制在父图层中的子图层，mask图层由它的轮廓决定了父图层的部分可见区域。示例代码如下，显示效果如图四所示
   CALayer *redLayer = [[CALayer alloc] init];
   redLayer.frame = CGRectMake(50, 50, 100, 100);
   redLayer.backgroundColor = [UIColor redColor].CGColor;
   [self.view.layer addSublayer:redLayer];

    CALayer *dolphinLayer = [[CALayer alloc] init];
    dolphinLayer.frame = CGRectMake(0, 0, 100, 100);
    UIImage *dolphinImage = [UIImage imageNamed:@"dolphin.png"];
    dolphinLayer.contents = (__bridge id)dolphinImage.CGImage;
    redLayer.mask = dolphinLayer;
   

设置mask后，图层显示效果