iOS开发——自定义进度圆环

　　1、在DrawCircle.h文件中

　　提供了接口，在使用的时候，可以设定圆心、半径、角度、圆环的宽度、圆环的背景底色、圆环的进度条颜色，当然后面三个有自定义的值。

//

//  DrawCircle.h

//  Demo-draw

//

//  Created by yyt on 16/5/10.

//  Copyright © 2016年 yyt. All rights reserved.

//

#import <UIKit/UIKit.h>

@interface DrawCircle : UIView

@property(nonatomic,assign) CGPoint centerPoint;

@property(nonatomic,assign) CGFloat radius;

@property(nonatomic,assign) CGFloat angleValue;　　//圆环进度占有的角度，0~360

@property(nonatomic,assign) CGFloat lineWidth;

@property(nonatomic,strong) UIColor *bgLineColor;

@property(nonatomic,strong) UIColor *lineColor;

@end

2、在DrawCircle.m文件中

//

//  DrawCircle.m

//  Demo-draw

//

//  Created by yyt on 16/5/10.

//  Copyright © 2016年 yyt. All rights reserved.

//

#import "DrawCircle.h"

@implementation DrawCircle

- (instancetype)initWithFrame:(CGRect)frame {

self = [super initWithFrame:frame];

self.backgroundColor = [UIColor whiteColor];

self.lineWidth = 10;

self.bgLineColor = [UIColor lightGrayColor];

self.lineColor = [UIColor orangeColor];

return self;

}

- (void)drawRect:(CGRect)rect {

CGContextRef bgContextRef = UIGraphicsGetCurrentContext();

CGContextAddArc(bgContextRef, _centerPoint.x, _centerPoint.y, _radius, 0, 10, 0);

CGContextSetLineWidth(bgContextRef, _lineWidth);

[_bgLineColor setStroke];

CGContextStrokePath(bgContextRef);

CGContextRef contextRef = UIGraphicsGetCurrentContext();

CGContextAddArc(contextRef, _centerPoint.x, _centerPoint.y, _radius, M_PI/2, M_PI/2+_angleValue/180*M_PI, 0);

CGContextSetLineWidth(contextRef, _lineWidth);

[_lineColor setStroke];

CGContextStrokePath(contextRef);

}

@end

3、在需要使用圆环进度条的地方ViewController.m文件中

//

//  ViewController.m

//  Demo-draw

//

//  Created by yyt on 16/5/10.

//  Copyright © 2016年 yyt. All rights reserved.

//

#import "ViewController.h"

#import "DrawCircle.h"

@interface ViewController ()

@property(nonatomic,strong) DrawCircle *view2;

@end

@implementation ViewController

static int hehe = 30;

- (void)viewDidLoad {

[super viewDidLoad];

DrawCircle *view2 = [[DrawCircle alloc] initWithFrame:CGRectMake(100, 200, 100, 100)];

self.view2 = view2;

view2.centerPoint = CGPointMake(50, 50);

view2.radius = 30;

view2.angleValue = hehe;

view2.lineWidth = 20;

view2.lineColor = [UIColor orangeColor];

[self.view addSubview:view2];

　 //进度+

UIButton *button = [UIButton buttonWithType:UIButtonTypeSystem];

button.frame = CGRectMake(100, 100, 100, 30);

button.backgroundColor = [UIColor blueColor];

[button addTarget:self action:@selector(hehe) forControlEvents:UIControlEventTouchUpInside];

[self.view addSubview:button];

　 //进度-

UIButton *button2 = [UIButton buttonWithType:UIButtonTypeSystem];

button2.frame = CGRectMake(100, 150, 100, 30);

button2.backgroundColor = [UIColor redColor];

[button2 addTarget:self action:@selector(hehe2) forControlEvents:UIControlEventTouchUpInside];

[self.view addSubview:button2];

}

- (void)hehe {

hehe += 30;

self.view2.angleValue = hehe;

[self.view2 setNeedsDisplay];

}

- (void)hehe2 {

hehe -= 30;

self.view2.angleValue = hehe;

[self.view2 setNeedsDisplay];

}

@end