最近在開發的時候遇到一個需求，就是產品要求實現環形進度條顯示進度的時候加載一個進度的效果。環形進度條的實現比較簡單，代碼如下：

CGContextRef ctx = UIGraphicsGetCurrentContext();//獲取上下文

    CGPoint center = self.center;
    CGFloat radius = self.progressRadius;               //設置半徑
    CGFloat startA = - M_PI_2;                          //圓起點位置
    CGFloat endA = -M_PI_2 + M_PI * 2 * self.progress;  //圓終點位置
    if (self.progressBgColor) {
        CGFloat bgEndA = -M_PI_2 + M_PI * 2 * 1.0;  //圓終點位置
        UIBezierPath *bgPath = [UIBezierPath bezierPathWithArcCenter:center radius:radius startAngle:startA endAngle:bgEndA clockwise:YES];
        bgPath.lineCapStyle = kCGLineCapRound;          //指定線的邊緣是圓的
        CGContextSetLineWidth(ctx, self.progressWidth); //設置線條寬度
        [self.progressBgColor setStroke];               //設置描邊顏色
        CGContextAddPath(ctx, bgPath.CGPath);           //把路徑添加到上下文
        CGContextStrokePath(ctx);                       //渲染

    }


    self.progressLayer.frame = self.bounds;//CAShapeLayer
    self.progressLayer.strokeColor = self.progressColor.CGColor; //指定path的渲染顏色,這里可以設置任意不透明顏色
    self.progressLayer.lineCap = kCALineCapRound;//指定線的邊緣是圓的
    self.progressLayer.lineWidth = self.progressWidth;//線的寬度
    UIBezierPath *path = [UIBezierPath bezierPathWithArcCenter:center radius:radius startAngle:startA endAngle:endA clockwise:YES];
    self.progressLayer.path =[path CGPath];

接下來該整理，加載動畫效果了，通過搜索從網上看到，有的小伙伴用NSTimer來實現了相關的加載動畫效果，但是NSTimer實現的動畫效果多多少少有些卡頓不夠平滑，自己感到不夠滿意。有沒有更好的方法呢，通過搜索發現了CAShapeLayer有一個屬性叫做strokeEnd可以通過這個屬性動畫來實現，具體代碼如下：


// 為曲線添加軌跡動畫
CABasicAnimation *animation = [CABasicAnimation animationWithKeyPath:@"strokeEnd"];
animation.fromValue = @0;
animation.toValue = @1;
animation.duration = 1;
animation.removedOnCompletion = YES;
[self.progressLayer addAnimation:animation forKey:nil];

給自己留個備份，嘿嘿。
更多優質文章，可以微信掃碼關注：

參考博客如下：
https://blog.csdn.net/yixiangboy/article/details/50662704