使用CAShapeLayer与UIBezierPath画出想要的图形

使用CAShapeLayer与UIBezierPath可以实现不在view的drawRect方法中就画出一些想要的图形

步骤：

1、新建UIBezierPath对象bezierPath

2、新建CAShapeLayer对象caShapeLayer

3、将bezierPath的CGPath赋值给caShapeLayer的path，即caShapeLayer.path = bezierPath.CGPath

4、把caShapeLayer添加到某个显示该图形的layer中

下面的小例子是一个环形的progress代码，有具体的使用方法

.h文件：

[cpp] view plain copy

1. #import <QuartzCore/QuartzCore.h>
2. #import <UIKit/UIKit.h>
3. @interface KACircleProgressView : UIView {
4. CAShapeLayer *_trackLayer;
5. UIBezierPath *_trackPath;
6. CAShapeLayer *_progressLayer;
7. UIBezierPath *_progressPath;
8. }
9. @property (nonatomic, strong) UIColor *trackColor;
10. @property (nonatomic, strong) UIColor *progressColor;
11. @property (nonatomic) float progress;//0~1之间的数
12. @property (nonatomic) float progressWidth;
13. - (void)setProgress:(float)progress animated:(BOOL)animated;
14. @end

.m文件

[cpp] view plain copy

1. #import "KACircleProgressView.h"
2. @implementation KACircleProgressView
3. - (id)initWithFrame:(CGRect)frame
4. {
5. self = [super initWithFrame:frame];
6. if (self) {
7. // Initialization code
8. _trackLayer = [CAShapeLayer new];
9. [self.layer addSublayer:_trackLayer];
10. _trackLayer.fillColor = nil;
11. _trackLayer.frame = self.bounds;
12. _progressLayer = [CAShapeLayer new];
13. [self.layer addSublayer:_progressLayer];
14. _progressLayer.fillColor = nil;
15. _progressLayer.lineCap = kCALineCapRound;
16. _progressLayer.frame = self.bounds;
17. //默认5
18. self.progressWidth = 5;
19. }
20. return self;
21. }
22. - (void)setTrack
23. {
24. _trackPath = [UIBezierPath bezierPathWithArcCenter:self.center radius:(self.bounds.size.width - _progressWidth)/ 2 startAngle:0 endAngle:M_PI * 2 clockwise:YES];;
25. _trackLayer.path = _trackPath.CGPath;
26. }
27. - (void)setProgress
28. {
29. _progressPath = [UIBezierPath bezierPathWithArcCenter:self.center radius:(self.bounds.size.width - _progressWidth)/ 2 startAngle:- M_PI_2 endAngle:(M_PI * 2) * _progress - M_PI_2 clockwise:YES];
30. _progressLayer.path = _progressPath.CGPath;
31. }
32. - (void)setProgressWidth:(float)progressWidth
33. {
34. _progressWidth = progressWidth;
35. _trackLayer.lineWidth = _progressWidth;
36. _progressLayer.lineWidth = _progressWidth;
37. [self setTrack];
38. [self setProgress];
39. }
40. - (void)setTrackColor:(UIColor *)trackColor
41. {
42. _trackLayer.strokeColor = trackColor.CGColor;
43. }
44. - (void)setProgressColor:(UIColor *)progressColor
45. {
46. _progressLayer.strokeColor = progressColor.CGColor;
47. }
48. - (void)setProgress:(float)progress
49. {
50. _progress = progress;
51. [self setProgress];
52. }
53. - (void)setProgress:(float)progress animated:(BOOL)animated
54. {
55. }
56. /*
57. // Only override drawRect: if you perform custom drawing.
58. // An empty implementation adversely affects performance during animation.
59. - (void)drawRect:(CGRect)rect
60. {
61. // Drawing code
62. }
63. */
64. @end

使用：

[cpp] view plain copy

1. - (void)viewDidLoad
2. {
3. [super viewDidLoad];
4. // Do any additional setup after loading the view, typically from a nib.
5. KACircleProgressView *progress = [[KACircleProgressView alloc] initWithFrame:CGRectMake(0, 0, 100, 100)];
6. [self.view addSubview:progress];
7. progress.trackColor = [UIColor blackColor];
8. progress.progressColor = [UIColor orangeColor];
9. progress.progress = .7;
10. progress.progressWidth = 10;
11. }

最后上一张效果图：