简单环形进度条显示

一个简单的动态环形进度条

TextView.gif

实现:

• 1首先创建一个ProgressView 的View 类
• 2重写progress的set方法

- (void)setProgress:(CGFloat)progress
{
    _progress = progress;
    [self setNeedsDisplay];

}

• 3在drawRect中实现

    CGPoint centerP = CGPointMake(rect.size.width * 0.5, rect.size.height * 0.5);
    CGFloat radius = self.bounds.size.width * 0.5 - 10;
    
    CGFloat startA = - M_PI_2;
    CGFloat endA = -M_PI_2 + self.progress * M_PI * 2;
    
    
    
    UIBezierPath * path = [UIBezierPath bezierPathWithArcCenter:centerP radius:radius startAngle:startA endAngle:endA clockwise:YES];
    [[UIColor purpleColor] set];
    path.lineWidth = 10.0;
//    path.lineJoinStyle = kCGLineJoinRound;
    path.lineCapStyle = kCGLineCapRound;
    [path stroke];

这里只是画一个环形,弧度根据progress的数值来定

• 4在显示的页面中加入你创建的ProgressView视图,在实现的地方写入

    //初始为55.32%
    self.startF = 0.00;
    self.endF = 55.32;
    
    CADisplayLink *link = [CADisplayLink displayLinkWithTarget:self selector:@selector(changeProgress)];
    [link addToRunLoop:[NSRunLoop mainRunLoop] forMode:NSDefaultRunLoopMode];
    self.link = link;

数值根据需求来定

• 5最后实现changeProgress动态改变

- (void)changeProgress
{
    if (_startF>= _endF) {
        self.ProgressView.progress = _endF * 0.01;
        self.textLabel.text = [NSString stringWithFormat:@"%.2f%%",_endF];
        [self.link invalidate];

    }else{
        self.ProgressView.progress = _startF * 0.01;
        self.textLabel.text = [NSString stringWithFormat:@"%.2f%%",_startF];
    }

    _startF = _startF * 100 + 50;
    _startF = _startF * 0.01;
    

}

只是一个普通的实现..
github: https://github.com/SpTTlv/dynamicsProgress