圆弧进度条 UIBezierPath + CABasicAnimation

@interface DrawProgressView:UIView

@property (nonatomic,strong) CAShapeLayer *progressLayer;
@property (nonatomic,strong) UIBezierPath *circlePath;

@property (nonatomic,assign) CGFloat progress;

@end

@implementation DrawProgressView

#define kAnimationDuration  0.25

-(void)setProgress:(CGFloat)progress{
    if (!_progressLayer) {
        UIBezierPath *circlePath = [UIBezierPath bezierPathWithArcCenter:CGPointMake(self.width / 2, self.height / 2) radius:self.width /2 startAngle:-M_PI_2 endAngle:M_PI_2 * 3 clockwise:YES];
        _circlePath = circlePath;
        CAShapeLayer *bgLayer = [CAShapeLayer layer];
        bgLayer.frame = self.bounds;
        bgLayer.fillColor = [UIColor clearColor].CGColor;//填充色 -  透明色
        bgLayer.lineWidth = 3.f;
        bgLayer.strokeColor = ColorWithHex(0x1E8CD1).CGColor;//线条颜色
        bgLayer.strokeStart = 0;
        bgLayer.strokeEnd = 1;
        bgLayer.lineCap = kCALineCapRound;
        bgLayer.path = circlePath.CGPath;
        [self.layer addSublayer:bgLayer];
        
        _progressLayer = [CAShapeLayer layer];
        _progressLayer.frame = self.bounds;
        _progressLayer.fillColor =  [[UIColor clearColor] CGColor];
        _progressLayer.strokeColor=[UIColor redColor].CGColor;
        _progressLayer.lineWidth = 3;
        _progressLayer.lineCap = kCALineCapRound;
        [self.layer addSublayer:_progressLayer];
    }
    
    CABasicAnimation *scaleAnimation=[CABasicAnimation animationWithKeyPath:@"strokeEnd"];
    scaleAnimation.duration = kAnimationDuration;
    scaleAnimation.timingFunction=[CAMediaTimingFunction functionWithName:kCAMediaTimingFunctionLinear];
    scaleAnimation.fromValue=[NSNumber numberWithFloat:_progress];
    scaleAnimation.toValue=[NSNumber numberWithFloat:progress];
    scaleAnimation.removedOnCompletion = NO;
    scaleAnimation.fillMode = kCAFillModeForwards;
    _progressLayer.path= _circlePath.CGPath;
    [_progressLayer addAnimation:scaleAnimation forKey:@"strokeEndAnimation"];
    _progress = progress;
}

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值