IOS-CAShapeLayer与UIBezierPath的基本用法_ios uibezierpath和cashapelayer-CSDN博客

本文链接：https://blog.csdn.net/Arnly/article/details/50854213

1.CAShapeLayer
CAShapeLayer顾名思义，继承于CALayer。每个CAShapeLayer对象都代表着将要被渲染到屏幕上的一个任意的形状(shape)。具体的形状由其path(类型为CGPathRef)属性指定。普通的CALayer是矩形，所以需要frame属性。CAShapeLayer初始化时也需要指定frame值，但它本身没有形状，它的形状来源于其属性path 。CAShapeLayer有不同于CALayer的属性，它从CALayer继承而来的属性在绘制时是不起作用的。

2.UIBezierPath
UIBezierPath称贝塞尔曲线，继承于NSObject,可以创建基于矢量的路径。此类是Core Graphics框架关于path的一个OC封装。使用此类可以定义常见的圆形、多边形等形状。我们使用直线、弧（arc）来创建复杂的曲线形状。每一个直线段或者曲线段的结束的地方是下一个的开始的地方。每一个连接的直线或者曲线段的集合成为subpath。一个UIBezierPath对象定义一个完整的路径包括一个或者多个subpaths。

CAShapeLayer与UIBezierPath在开发过程中两者必须搭配使用，否则无效。下面是它的用法简单demo.

(1)圆形

```
 CAShapeLayer *shapeLayer = [CAShapeLayer new];
    shapeLayer.fillColor = [UIColor orangeColor].CGColor;  //填充颜色
    [self.view.layer addSublayer:shapeLayer];


    UIBezierPath *bezierPath = [UIBezierPath bezierPathWithArcCenter:CGPointMake(self.view.frame.size.width/2, 100)
                                                              radius:60
                                                          startAngle:0
                                                            endAngle:M_PI*2
                                                           clockwise:YES];

    shapeLayer.path = bezierPath.CGPath; 
 //bezierPath赋值给shapeLayer

效果图
这里写图片描述

(2)环形

CAShapeLayer *shapelayer = [CAShapeLayer new];
    shapelayer.fillColor = [UIColor whiteColor].CGColor;
    shapelayer.strokeColor = [UIColor orangeColor].CGColor;//边框颜色
    shapelayer.lineWidth = 25.f;//边框的宽度
    [self.view.layer addSublayer:shapelayer];


    /*center: 弧线中心点的坐标
      radius: 弧线所在圆的半径
      startAngle: 弧线开始的角度值
      endAngle: 弧线结束的角度值
      clockwise: 是否顺时针画弧线*/

    UIBezierPath *bezierPath = [UIBezierPath bezierPathWithArcCenter:CGPointMake(self.view.frame.size.width/              2, 200)
                                                              radius:80
                                                          startAngle:0

                                                            endAngle:M_PI*2
                                                           clockwise:YES];
    shapelayer.path = bezierPath.CGPath;

效果图：
这里写图片描述

(3)不规则图形

 CAShapeLayer *shapeLayer = [CAShapeLayer new];
    shapeLayer.fillColor = [UIColor orangeColor].CGColor; //填充颜色
    [self.view.layer addSublayer:shapeLayer];

    UIBezierPath *bezierPath = [UIBezierPath new];
    [bezierPath moveToPoint:CGPointMake(70, 50)];
    [bezierPath addLineToPoint:CGPointMake(250, 50)];
    [bezierPath addLineToPoint:CGPointMake(200, 200)];
    [bezierPath addLineToPoint:CGPointMake(100, 150)];
    [bezierPath closePath];//将起点与结束点相连接
    shapeLayer.path = bezierPath.CGPath;