进度条的自定义

自定义环形进度条

思路：

1.利用

直接附上代码

test.h/test.m
MyProgressView.h/MyProgressView.m

#import <UIKit/UIKit.h>@interface test : UIView@property(nonatomic, assign)float progressRate;@end

#import "test.h"#import <QuartzCore/QuartzCore.h>@implementation test-(void)drawRect:(CGRect)rect{    CGContextRef context = UIGraphicsGetCurrentContext();    CGContextSetRGBFillColor (context,  1, 0, 0, 1.0);//设置填充颜色    //画扇形并填充颜    UIColor*aColor = [UIColor lightGrayColor];    CGContextSetFillColorWithColor(context, aColor.CGColor);//填充颜色    CGContextMoveToPoint(context, rect.size.width*0.5, rect.size.width*0.5);    CGContextAddArc(context, rect.size.width*0.5, rect.size.width*0.5, rect.size.width*0.5,  -0.5*M_PI,  -0.5*M_PI+self.progressRate*2*M_PI, 0);    CGContextClosePath(context);    CGContextDrawPath(context, kCGPathFill); //绘制路径加填充    /*官方文档参数说明     void CGContextAddArc ( CGContextRef c, CGFloat x, CGFloat y, CGFloat radius, CGFloat startAngle, CGFloat endAngle, int clockwise );     Parameters：     c-A graphics context.     x-The x-value, in user space coordinates, for the center of the arc.     y-The y-value, in user space coordinates, for the center of the arc.     radius-The radius of the arc, in user space coordinates.     startAngle-The angle to the starting point of the arc, measured in radians from the positive x-axis.     endAngle-The angle to the end point of the arc, measured in radians from the positive x-axis.     clockwise-Specify 1 to create a clockwise arc or 0 to create a counterclockwise arc     */}@end

#import <UIKit/UIKit.h>#import "test.h"@interface MyProgressView : UIView@property(nonatomic, strong)test *imgOutSide;@property(nonatomic, strong)UIView *imgInner;-(void)animatProgress:(float)progress;-(void)addProgressToView:(UIView *)view;@end

“`

import “MyProgressView.h”

import “common.h”

@implementation MyProgressView

-(id)initWithFrame:(CGRect)frame
{
if (self = [super initWithFrame:frame]) {

 _imgInner = [self imgViewWithFrame:CGRectMake((frame.size.width-60)*0.5, (frame.size.height-60)*0.5, 60, 60)];    _imgOutSide = [[test alloc]initWithFrame:CGRectMake(0, 0, 60, 60)];    _imgOutSide.backgroundColor= [UIColor whiteColor];    //遮盖    UIView *coverView = [self imgViewWithFrame:CGRectMake(5, 5, 50, 50)];    coverView.backgroundColor = kColor(216, 216, 216);    [self.imgInner addSubview:self.imgOutSide];    [self.imgInner addSubview:coverView];    [self addSubview:self.imgInner];}return self;

}

-(void)addProgressToView:(UIView *)view
{

[view addSubview:self];

}

-(UIView*)imgViewWithFrame:(CGRect)frame
{
UIView *imgView = [[UIView alloc]initWithFrame:frame];

imgView.layer.cornerRadius = frame.size.width*0.5;imgView.clipsToBounds = YES;imgView.layer.borderColor = [UIColor grayColor].CGColor;imgView.layer.borderWidth = 2.0f;return imgView;

}

-(void)animatProgress:(float)progress
{

self.imgOutSide.progressRate = progress;[self.imgOutSide setNeedsDisplay];

}

“`