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