iOS 绘制下载进度条progressView

效果图:

这里写图片描述

界面实现:
(1)在storyBoard控制器的View上拖一个View控件绑定ProgressView类;
(2)再拖一个UILabel到ProgressView上设置相同的frame;
(3)在下面拖一个UISlider;
(4) 给slider,label,progressView 脱一个成员属性到控制器;
(5)监听slider的valueChange方法;
核心代码:

//
//  ViewController.m
//  下载进度条
//
//  Created by llkj on 2017/8/21.
//  Copyright © 2017年 LayneCheung. All rights reserved.
//

#import "ViewController.h"
#import "ProgressView.h"

@interface ViewController ()
@property (weak, nonatomic) IBOutlet UILabel *valueTitle;
@property (weak, nonatomic) IBOutlet ProgressView *progressView;

@end

@implementation ViewController

- (void)viewDidLoad {
    [super viewDidLoad];

}

- (IBAction)valueChange:(UISlider *)sender {

    self.valueTitle.text = [NSString stringWithFormat:@"%.2f%%", sender.value * 100];

    self.progressView.progressValue = sender.value;
}




@end

ProgressView.h

//
//  ProgressView.h
//  下载进度条
//
//  Created by llkj on 2017/8/21.
//  Copyright © 2017年 LayneCheung. All rights reserved.
//

#import <UIKit/UIKit.h>

@interface ProgressView : UIView

@property (nonatomic, assign) CGFloat progressValue;
@end

ProgressView.m

//
//  ProgressView.m
//  下载进度条
//
//  Created by llkj on 2017/8/21.
//  Copyright © 2017年 LayneCheung. All rights reserved.
//

#import "ProgressView.h"

@implementation ProgressView

- (void)setProgressValue:(CGFloat)progressValue{

    _progressValue = progressValue;

    //手动调用drawRect方法不会创建跟View相关联的上下文
    //只有通过系统调用该方法才会创建跟View相关联的上下文
//    [self drawRect:self.bounds];

    //重绘(系统自动帮你调用drawRect:)
    [self setNeedsDisplay];
}

- (void)drawRect:(CGRect)rect {
    // Drawing code

    CGContextRef ref = UIGraphicsGetCurrentContext();

    CGPoint center = CGPointMake(rect.size.width * 0.5, rect.size.height * 0.5);

    CGFloat radius = rect.size.width * 0.5 - 10;

    CGFloat startA = -M_PI_2;

    CGFloat angle = self.progressValue * M_PI * 2;

    CGFloat endA = startA + angle;

    UIBezierPath *path = [UIBezierPath bezierPathWithArcCenter:center radius:radius startAngle:startA endAngle:endA clockwise:YES];

    CGContextAddPath(ref, path.CGPath);

    CGContextStrokePath(ref);
}


@end
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值