iOS CAShapeLayer基本使用

CAShapeLayer形状视图，能够根据一个路径,生成一个形状，路径的大小决定了形状大小，形状图层要添加到另一个图层才能显示出来，CAShapeLayer它是CALayer子层，可以设置填充的颜色, 默认是黑色。

使用CAShapeLayer的优点：

• 渲染快速。CAShapeLayer使用了硬件加速，绘制同一图形会比用Core Graphics快很多。
• 高效使用内存。一个CAShapeLayer不需要像普通CALayer一样创建一个寄宿图形，所以无论有多大，都不会占用太多的内存。
• 不会被图层边界剪裁掉。一个CAShapeLayer可以在边界之外绘制。你的图层路径不会像在使用Core Graphics的普通CALayer一样被剪裁掉。
• 不会出现像素化。当你给CAShapeLayer做3D变换时，它不像一个有寄宿图的普通图层一样变得像素化。

绘制一个简单的火柴人：

#import "ViewController.h"

@interface ViewController ()
@property (weak, nonatomic) IBOutlet UIView *drawView;

@end

@implementation ViewController

- (void)viewDidLoad {
    [super viewDidLoad];
    // Do any additional setup after loading the view, typically from a nib.
    // 创建路径
    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)];
    
    
    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;
    // 把shapeLayer添加到视图
    [self.drawView.layer addSublayer:shapeLayer];
    
}


@end

火柴人.png

CAShapeLayer可以单独指定每个圆角。可以通过这个图层路径绘制一个既有直角又有圆角的视图。如果想依照此图形来剪裁视图内容，我们可以把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 *shaperL = [CAShapeLayer layer];
    shaperL.strokeColor = [UIColor blueColor].CGColor;
    shaperL.fillColor = [UIColor clearColor].CGColor;
    shaperL.path = path.CGPath;
    [self.drawView.layer addSublayer:shaperL];

CAShaperLayer圆角.png

更加详细的核心动画，请查看：https://zsisme.gitbooks.io/ios-/content/chapter6/CATextLayer.html