UIBezierPath + CAShapeLayer （弧形 + 线条）

最近又再次 折腾了一下   UIBezierPath + CAShapeLayer 绘图。

图形是这样的    （灰色部分、图片上面的数字 看代码）。

[objc]  view plain  copy

1.     /*绘图绘图，从起点到终点 一直绘下去，不要乱了顺序*/  
2.     //create path  
3.     UIBezierPath *path = [[UIBezierPath alloc] init];  
4.     //（1）首先设置一个起点  
5.     [path moveToPoint:CGPointMake(150, 75)];  
6.     //（2）跟着我画一个弧线 CGPointMake(150, 125) 是终点， CGPointMake(120, 100) 是控制弧度  
7.     [path addQuadCurveToPoint:CGPointMake(150, 125) controlPoint:CGPointMake(120, 100)];  
8.     //（3）跟着我再跟着顺序 画一条直线条 （2）  
9.     [path addLineToPoint:CGPointMake(250, 125)];  
10.     //（4）同上，也是一个弧线  
11.     [path addQuadCurveToPoint:CGPointMake(250, 75) controlPoint:CGPointMake(230, 100)];  
12.     //（5）再从弧线到 起点 也就是终点  
13.     [path addLineToPoint:CGPointMake(150, 75)];  
14.   
15.     //1-5 这样就构成一个图形，是按顺序来  
16.       
17.     path.lineCapStyle = kCGLineCapRound; //线条拐角  
18.     path.lineJoinStyle = kCGLineCapRound; //终点处理  
19.       
20. //    create shape layer  
21.     CAShapeLayer *shapeLayer = [CAShapeLayer layer];  
22.     shapeLayer.strokeColor = [UIColor grayColor].CGColor;  
23.     shapeLayer.fillColor = [UIColor grayColor].CGColor;  
24.     shapeLayer.lineWidth = 1;  
25.     shapeLayer.lineJoin = kCALineJoinRound;  
26.     shapeLayer.lineCap = kCALineCapRound;  
27.     shapeLayer.path = path.CGPath;  
28.     //add it to our view  
29.     [self.view.layer addSublayer:shapeLayer];