iOS 自定义下载进度条

在项目开发阶段，很多时候用到下载、或者加载数据，加载界面大部分用的是MBProgressHUD，但是有的时候想自定义一个下载进度或者是家在进度，那么该怎么实现呢？苹果给了一个很强大的库------Quartz2D，使用贝塞尔曲线自己去画，很方便，做一些DIY效果，很炫酷，我这里做了一个简单的DEMO，只是让大家熟悉一下怎么用，工程里用的时候还需要好好封装一下；

少说废话上代码：

先建一个TestView

TestView.h

#import <UIKit/UIKit.h>

@interface TestView : UIView

/**
*  调节进度的参数
*/
@property (nonatomic,assign) CGFloat progress;

@end

TestView.m

#import "TestView.h"

@interface TestView()

/**
*  现实加载的进度
*/
@property (nonatomic,strong) UILabel *label;

@end

@implementation TestView

/**
*  懒加载一个现实加载进度的label
*
*  @return label
*/
- (UILabel *)label
{
if (!_label)
{
//这些代码对于你们来说：简单的跟一似的。
_label = [[UILabel alloc] initWithFrame:CGRectMake(0, 0,100 , 60)];
_label.textAlignment = NSTextAlignmentCenter;
[self addSubview:_label];
_label.center = CGPointMake(50, 50);
}
return _label;
}

/**
*  重写进度参数的set方法
*
*  @param progress 加载进度
*/
- (void)setProgress:(CGFloat)progress
{
_progress = progress;
self.label.text = [NSString stringWithFormat:@"%.2f%%",progress * 100];

//这里需要display，否则画的图没有渲染；
[self setNeedsDisplay];
}

/**
*  画图
*
*  @param rect rect
*/
- (void)drawRect:(CGRect)rect {

//创建上下文
CGContextRef tex = UIGraphicsGetCurrentContext();

//拼接路径
CGPoint center = CGPointMake(50, 50);

//半径
CGFloat radius = 48;

//起始点
CGFloat startA = -M_PI_2;

//相当于重点
CGFloat startB = -M_PI_2 + _progress * M_PI * 2;

//使用贝塞尔曲线画图
UIBezierPath *path = [UIBezierPath bezierPathWithArcCenter:center radius:radius startAngle:startA endAngle:startB clockwise:YES];

//添加到上下文
CGContextAddPath(tex, path.CGPath);

//把上下文渲染到视图
CGContextStrokePath(tex);

}

@end

使用方法，我是在storyBoard上面拖的，然后拖一个slider，用来模拟加载数据；
ViewController.m

#import "ViewController.h"
#import "TestView.h"
@interface ViewController ()

@property (weak, nonatomic) IBOutlet TestView *progress;
@end

@implementation ViewController

- (void)viewDidLoad {
[super viewDidLoad];

}
- (IBAction)valueChange:(id)sender {
_progress.progress = [(UISlider *)sender value];
}

@end

最后运行效果如下图：



如果转载请注明转于：AirZilong的博客