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;
效果图