[iOS Animation]-CALayer 专用图层

专用图层

复杂的组织都是专门化的

Catharine R. Stimpson

到目前为止，咱们已经探讨过CALayer类了，同时咱们也了解到了一些很是有用的绘图和动画功能。可是Core Animation图层不单单能做用于图片和颜色而已。本章就会学习其余的一些图层类，进一步扩展使用Core Animation绘图的能力。

CAShapeLayer

在第四章『视觉效果』咱们学习到了不使用图片的状况下用CGPath去构造任意形状的阴影。若是咱们能用一样的方式建立相同形状的图层就行了。

CAShapeLayer是一个经过矢量图形而不是bitmap来绘制的图层子类。你指定诸如颜色和线宽等属性，用CGPath来定义想要绘制的图形，最后CAShapeLayer就自动渲染出来了。固然，你也能够用Core Graphics直接向原始的CALyer的内容中绘制一个路径，相比直下，使用CAShapeLayer有如下一些优势：

• 渲染快速。CAShapeLayer使用了硬件加速，绘制同一图形会比用Core Graphics快不少。
• 高效使用内存。一个CAShapeLayer不须要像普通CALayer同样建立一个寄宿图形，因此不管有多大，都不会占用太多的内存。
• 不会被图层边界剪裁掉。一个CAShapeLayer能够在边界以外绘制。你的图层路径不会像在使用Core Graphics的普通CALayer同样被剪裁掉（如咱们在第二章所见）。
• 不会出现像素化。当你给CAShapeLayer作3D变换时，它不像一个有寄宿图的普通图层同样变得像素化。

建立一个CGPath

CAShapeLayer能够用来绘制全部可以经过CGPath来表示的形状。这个形状不必定要闭合，图层路径也不必定要不可破，事实上你能够在一个图层上绘制好几个不一样的形状。你能够控制一些属性好比lineWith（线宽，用点表示单位），lineCap（线条结尾的样子），和lineJoin（线条之间的结合点的样子）；可是在图层层面你只有一次机会设置这些属性。若是你想用不一样颜色或风格来绘制多个形状，就不得不为每一个形状准备一个图层了。

清单6.1 的代码用一个CAShapeLayer渲染一个简单的火柴人。CAShapeLayer属性是CGPathRef类型，可是咱们用UIBezierPath帮助类建立了图层路径，这样咱们就不用考虑人工释放CGPath了。图6.1是代码运行的结果。虽然还不是很完美，可是总算知道了大意对吧！

清单6.1 用CAShapeLayer绘制一个火柴人

#import "DrawingView.h" #import <QuartzCore/QuartzCore.h> @interface ViewController () @property (nonatomic, weak) IBOutlet UIView *containerView; @end @implementation ViewController - (void)viewDidLoad { [super viewDidLoad]; //create path UIBezierPath *path = [[UIBezierPath alloc] init]; [path moveToPoint:CGPointMake(175, 100)];  [path addArcWithCenter:CGPointMake(150, 100) radius:25 startAngle:0 endAngle:2*M_PI clockwise:YES]; [path moveToPoint:CGPointMake(150, 125)]; [path addLineToPoint:CGPointMake(150, 175)]; [path addLineToPoint:CGPointMake(125, 225)]; [path moveToPoint:CGPointMake(150, 175)]; [path addLineToPoint:CGPointMake(175, 225)]; [path moveToPoint:CGPointMake(100, 150)]; [path addLineToPoint:CGPointMake(200, 150)]; //create shape layer CAShapeLayer *shapeLayer = [CAShapeLayer layer]; shapeLayer.strokeColor = [UIColor redColor].CGColor; shapeLayer.fillColor = [UIColor clearColor].CGColor; shapeLayer.lineWidth = 5; shapeLayer.lineJoin = kCALineJoinRound; shapeLayer.lineCap = kCALineCapRound; shapeLayer.path = path.CGPath; //add it to our view  [self.containerView.layer addSublayer:shapeLayer]; } @end

 

图6.1 用CAShapeLayer绘制一个简单的火柴人

圆角

第二章里面提到了CAShapeLayer为建立圆角视图提供了一个方法，就是CALayer的cornerRadius属性（译者注：实际上是在第四章提到的）。虽然使用CAShapeLayer类须要更多的工做，可是它有一个优点就是能够单独指定每一个角。

咱们建立圆角矩形其实就是人工绘制单独的直线和弧度，可是事实上UIBezierPath有自动绘制圆角矩形的构造方法，下面这段代码绘制了一个有三个圆角一个直角的矩形：

//define path parameters CGRect rect = CGRectMake(50, 50, 100, 100); CGSize radii = CGSizeMake(20, 20); UIRectCorner corners = UIRectCornerTopRight | UIRectCornerBottomRight | UIRectCornerBottomLeft; //create path UIBezierPath *path = [UIBezierPath bezierPathWithRoundedRect:rect byRoundingCorners:corners cornerRadii:radii];

 

咱们能够经过这个图层路径绘制一个既有直角又有圆角的视图。若是咱们想依照此图形来剪裁视图内容，咱们能够把CAShapeLayer做为视图的宿主图层，而不是添加一个子视图（图层蒙板的详细解释见第四章『视觉效果』）。