美文网首页
仿新浪微博图片加载进度条

仿新浪微博图片加载进度条

作者: 五蕴皆空_ | 来源:发表于2017-03-28 23:43 被阅读106次

    JLPieProgressView

    仿新浪微博图片加载进度条
    实现代码如下:

    #import "JLPieProgressView.h"
    
    @implementation JLPieProgressView
    
    - (void)setProgressValue:(CGFloat)progressValue{
        
        _progressValue = progressValue;
        
        //重绘
        [self setNeedsDisplay];
        
    }
    
    - (void)drawRect:(CGRect)rect {
        
        //开始角度
        CGFloat startAngle = -M_PI/2;
        //结束角度
        CGFloat endAngle = startAngle+M_PI*2*_progressValue;
        
        CGFloat smallRadius = 10;//内圆半径
        CGFloat bigRadius = smallRadius*2+2;//外圆半径
        
        CGContextRef ctx = UIGraphicsGetCurrentContext();
        
        //画外圆
        [[UIColor colorWithRed:1.0 green:1.0 blue:1.0 alpha:0.8] set];
        CGContextAddArc(ctx, rect.size.width/2, rect.size.height/2,bigRadius,0 , M_PI*2, 0);
        CGContextStrokePath(ctx);
        
        //画内圆
        CGContextSetLineWidth(ctx, smallRadius*2);
        CGContextAddArc(ctx, rect.size.width/2, rect.size.height/2, smallRadius,startAngle , endAngle, 0);
        CGContextStrokePath(ctx);
        
    }
    
    效果图

    下载点击源代码

    相关文章

      网友评论

          本文标题:仿新浪微博图片加载进度条

          本文链接:https://www.haomeiwen.com/subject/njxdottx.html