您的位置：首页 > 移动开发 > IOS开发

iOS开发之使用CALayer封装下载进度条

2015-06-22 22:12 579 查看
效果图



代码
//
// XRProgressView.h

// 使用CALayer封装下载进度条

//

// Created by 寒竹子 on 15/6/14.

// Copyright (c) 2015年 寒竹子. All rights reserved.

//

/**

* 下载进度条封装

*/

#import <UIKit/UIKit.h>

@interface XRProgressView : UIView

@property (nonatomic, assign) CGFloat progress;

@property (nonatomic, strong) UIColor * progressColor;

@end

//

// XRProgressView.m

// 使用CALayer封装下载进度条

//

// Created by 寒竹子 on 15/6/14.

// Copyright (c) 2015年 寒竹子. All rights reserved.

//

#import "XRProgressView.h"

@interface XRProgressView ()

@property (nonatomic, strong) CALayer * progressLayer; // 进度layer

@property (nonatomic, assign) CGFloat currentWidth; // 当前layer的width

@end

@implementation XRProgressView

- (instancetype)initWithFrame:(CGRect)frame

{

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

self.layer.backgroundColor = [UIColor clearColor].CGColor;

self.layer.borderWidth = .5f;

// 创建layer

_progressLayer = [CALayer layer];

_progressLayer.frame = CGRectMake(0, 0, 0, self.frame.size.height);

// 将progressLayer添加到当前View的layer中

[self.layer addSublayer:_progressLayer];

// 保存width

_currentWidth = self.frame.size.width;

}

return self;

}

#pragma mark - getters and setters

@synthesize progress = _progress;

// 设置进度

- (void)setProgress:(CGFloat)progress

{

_progress = progress;

if (_progress < 0.0f) {

self.progressLayer.frame = CGRectMake(0, 0, 0, self.frame.size.height);

}else if (_progress <= 1.0f) {

self.progressLayer.frame = CGRectMake(0, 0, _progress * self.currentWidth, self.frame.size.height);

}else {

self.progressLayer.frame = CGRectMake(0, 0, self.currentWidth, self.frame.size.height);

}

}

- (CGFloat)progress

{

return _progress;

}

@synthesize progressColor = _progressColor;

// 设置layer背景颜色

- (void)setProgressColor:(UIColor *)progressColor

{

_progressColor = progressColor;

self.progressLayer.backgroundColor = _progressColor.CGColor;

}

- (UIColor *)progressColor

{

return _progressColor;

}

@end

//

// ViewController.m

// 使用CALayer封装下载进度条

//

// Created by 寒竹子 on 15/6/14.

// Copyright (c) 2015年 寒竹子. All rights reserved.

//

#define KBorder 20.0f

#import "ViewController.h"

#import "XRProgressView.h"

@interface ViewController ()

@property (nonatomic, strong) XRProgressView * progressView;

@property (nonatomic, strong) NSTimer * timer;

@property (nonatomic, assign) CGFloat progress; // 下载进度

@end

@implementation ViewController

- (instancetype)init

{

if (self = [super init]) {

_progress = 0.0f;

}

return self;

}

// 起定时器

- (void)startTimer

{

_timer = [NSTimer scheduledTimerWithTimeInterval:.1f

target:self

selector:@selector(updateProgress)

userInfo:nil

repeats:YES];

[[NSRunLoop currentRunLoop] addTimer:_timer forMode:NSRunLoopCommonModes];

}

// 模拟更新下载进度

- (void)updateProgress

{

if (_progress > 1.0f) {

_progress = 0.0f;

}else {

_progress += .01f;

}

self.progressView.progress = _progress;

}

- (void)viewDidLoad {

[super viewDidLoad];

self.progressView = [[XRProgressView alloc] initWithFrame:CGRectMake(KBorder, KBorder * 2.0f, self.view.frame.size.width - KBorder * 2.0f, 4.0f)];

self.progressView.layer.masksToBounds = YES;

self.progressView.layer.cornerRadius = self.progressView.frame.size.height / 2.0f;

self.progressView.progressColor = [UIColor redColor];

[self.view addSubview:self.progressView];

// 开启定时器

[self startTimer];

}

- (void)didReceiveMemoryWarning {

[super didReceiveMemoryWarning];

}

@end

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航