yunjingAndroid/ybvideoandroid/ybvideoios/YBVideo/工具和自定义类/ZZCircleProgress/ZZCircleProgress.m

//
//  ZZCircleProgress.m
//  ZZCircleProgressDemo
//
//  Created by 周兴 on 2018/5/16.
//  Copyright © 2018年 zhouxing. All rights reserved.
//

#import "ZZCircleProgress.h"

@interface ZZCircleProgress ()<CAAnimationDelegate>

@property (nonatomic, strong) CAShapeLayer *backLayer;
@property (nonatomic, strong) CAShapeLayer *progressLayer;

@property (nonatomic, assign) CGFloat realWidth;//实际边长
@property (nonatomic, assign) CGFloat radius;//半径
@property (nonatomic, assign) CGFloat lastProgress;/**<上次进度 0-1 */
@property (nonatomic, strong) CAAnimation *lastPointAnimation;

@end


@implementation ZZCircleProgress

- (instancetype)init {
    if (self = [super init]) {
        [self initialization];
    }
    return self;
}

- (instancetype)initWithFrame:(CGRect)frame {
    if (self = [super initWithFrame:frame]) {
        [self initialization];
    }
    return self;
}

- (void)awakeFromNib {
    [super awakeFromNib];
    [self initialization];
    //开始展示
    self.prepareToShow = YES;
}

//初始化
- (instancetype)initWithFrame:(CGRect)frame
                pathBackColor:(UIColor *)pathBackColor
                pathFillColor:(UIColor *)pathFillColor
                   startAngle:(CGFloat)startAngle
                  strokeWidth:(CGFloat)strokeWidth {
    if (self = [super initWithFrame:frame]) {
        [self initialization];
        if (pathBackColor) {
            _pathBackColor = pathBackColor;
        }
        if (pathFillColor) {
            _pathFillColor = pathFillColor;
        }
        _startAngle = ZZCircleDegreeToRadian(startAngle);
        _strokeWidth = strokeWidth;
        
    }
    return self;
}

//初始化数据
- (void)initialization {
    self.backgroundColor = [UIColor clearColor];
    _pathBackColor = [UIColor lightGrayColor];
    _pathFillColor = [UIColor redColor];
    
    _strokeWidth = 10;//线宽默认为10
    _startAngle = ZZCircleDegreeToRadian(0);//圆起点位置
    _reduceAngle = ZZCircleDegreeToRadian(0);//整个圆缺少的角度
    
    _duration = 1.5;//动画时长
    _showPoint = YES;//小圆点
    _showProgressText = YES;//文字
    
    _realWidth = ZZCircleSelfWidth>ZZCircleSelfHeight?ZZCircleSelfHeight:ZZCircleSelfWidth;
    _radius = _realWidth/2.0 - _strokeWidth/2.0;
}

#pragma Get
- (CAShapeLayer *)backLayer {
    if (!_backLayer) {
        _backLayer = [CAShapeLayer layer];
        
        _backLayer.frame = CGRectMake((ZZCircleSelfWidth-_realWidth)/2.0, (ZZCircleSelfHeight-_realWidth)/2.0, _realWidth, _realWidth);
        
        _backLayer.fillColor = [UIColor colorWithRed:(1)/255.0f green:(1)/255.0f blue:(1)/255.0f alpha:0.3].CGColor;//填充色

//        _backLayer.fillColor = [UIColor clearColor].CGColor;//填充色
        _backLayer.lineWidth = _strokeWidth;
        _backLayer.strokeColor = _pathBackColor.CGColor;
        _backLayer.lineCap = @"round";
        
        UIBezierPath *backCirclePath = [self getNewBezierPath];
        _backLayer.path = backCirclePath.CGPath;
    }
    return _backLayer;
}

- (CAShapeLayer *)progressLayer {
    if (!_progressLayer) {
        _progressLayer = [CAShapeLayer layer];
        _progressLayer.frame = CGRectMake((ZZCircleSelfWidth-_realWidth)/2.0, (ZZCircleSelfHeight-_realWidth)/2.0, _realWidth, _realWidth);
        
        _progressLayer.fillColor = [UIColor clearColor].CGColor;//填充色
        _progressLayer.lineWidth = _strokeWidth;
        _progressLayer.strokeColor = _pathFillColor.CGColor;
        _progressLayer.lineCap = @"round";
        
        UIBezierPath *circlePath = [self getNewBezierPath];
        _progressLayer.path = circlePath.CGPath;
        _progressLayer.strokeEnd = 0.0;
    }
    return _progressLayer;
}

- (UIImageView *)pointImage {
    if (!_pointImage) {
        _pointImage = [[UIImageView alloc] init];
        
        NSBundle *mainBundle = [NSBundle bundleForClass:[self class]];
        NSBundle *resourcesBundle = [NSBundle bundleWithPath:[mainBundle pathForResource:@"ZZCircleProgress" ofType:@"bundle"]];
        _pointImage.image = [UIImage imageNamed:@"circle_point1" inBundle:resourcesBundle compatibleWithTraitCollection:nil];
        
        _pointImage.frame = CGRectMake(0, 0, _strokeWidth, _strokeWidth);
        //定位起点位置
        [self updatePointPosition];
        
    }
    return _pointImage;
}

- (ZZCountingLabel *)progressLabel {
    if (!_progressLabel) {
        _progressLabel = [[ZZCountingLabel alloc] init];
        _progressLabel.textColor = [UIColor blackColor];
        _progressLabel.textAlignment = NSTextAlignmentCenter;
        _progressLabel.font = [UIFont systemFontOfSize:22];
        _progressLabel.text = @"0%";
        _progressLabel.frame = CGRectMake(0, 0, ZZCircleSelfWidth, ZZCircleSelfHeight);
    }
    return _progressLabel;
}
-(UIImageView *)coinImg{
    if (!_coinImg) {
        _coinImg = [[UIImageView alloc]init];
        _coinImg.frame = CGRectMake(ZZCircleSelfWidth/4, ZZCircleSelfHeight/4, ZZCircleSelfWidth/2, ZZCircleSelfHeight/2);
        _coinImg.image = [UIImage imageNamed:@"zzcircle红包"];
        _coinImg.contentMode = UIViewContentModeScaleAspectFit;
        
    }
    return _coinImg;
}

#pragma Set
- (void)setStartAngle:(CGFloat)startAngle {
    if (_startAngle != ZZCircleDegreeToRadian(startAngle)) {
        _startAngle = ZZCircleDegreeToRadian(startAngle);
        
        //如果已经创建了相关layer则重新创建
        if (_backLayer) {
            UIBezierPath *backCirclePath = [self getNewBezierPath];
            _backLayer.path = backCirclePath.CGPath;
        }
        
        if (_progressLayer) {
            UIBezierPath *circlePath = [self getNewBezierPath];
            _progressLayer.path = circlePath.CGPath;
            _progressLayer.strokeEnd = 0.0;
        }
        
        if (_pointImage) {
            //更新圆点位置
            [self updatePointPosition];
        }
    }
}

- (void)setReduceAngle:(CGFloat)reduceAngle {
    if (_reduceAngle != ZZCircleDegreeToRadian(reduceAngle)) {
        if (reduceAngle>=360) {
            return;
        }
        _reduceAngle = ZZCircleDegreeToRadian(reduceAngle);
        
        if (_backLayer) {
            UIBezierPath *backCirclePath = [self getNewBezierPath];
            _backLayer.path = backCirclePath.CGPath;
        }
        
        if (_progressLayer) {
            UIBezierPath *circlePath = [self getNewBezierPath];
            _progressLayer.path = circlePath.CGPath;
            _progressLayer.strokeEnd = 0.0;
        }
        
        if (_pointImage) {
            //更新圆点位置
            [self updatePointPosition];
        }
    }
}

- (void)setStrokeWidth:(CGFloat)strokeWidth {
    if (_strokeWidth != strokeWidth) {
        _strokeWidth = strokeWidth;
        
        _radius = _realWidth/2.0 - _strokeWidth/2.0;
        
        //设置线宽之后会导致radius改变，因此需要修改使用过strokeWidth和radius的属性
        if (_backLayer) {
            _backLayer.lineWidth = _strokeWidth;
            UIBezierPath *backCirclePath = [self getNewBezierPath];
            _backLayer.path = backCirclePath.CGPath;
        }
        
        if (_progressLayer) {
            _progressLayer.lineWidth = _strokeWidth;
            UIBezierPath *circlePath = [self getNewBezierPath];
            _progressLayer.path = circlePath.CGPath;
            _progressLayer.strokeEnd = 0.0;
        }
        
        if (_pointImage) {
            _pointImage.frame = CGRectMake(0, 0, _strokeWidth, _strokeWidth);
            //更新圆点位置
            [self updatePointPosition];
            
        }
    }
}

- (void)setPathBackColor:(UIColor *)pathBackColor {
    if (_pathBackColor != pathBackColor) {
        _pathBackColor = pathBackColor;
        
        if (_backLayer) {
            _backLayer.strokeColor = _pathBackColor.CGColor;
        }
    }
}

- (void)setPathFillColor:(UIColor *)pathFillColor {
    if (_pathFillColor != pathFillColor) {
        _pathFillColor = pathFillColor;
        
        if (_progressLayer) {
            _progressLayer.strokeColor = _pathFillColor.CGColor;
        }
    }
}

- (void)setShowPoint:(BOOL)showPoint {
    if (_showPoint != showPoint) {
        _showPoint = showPoint;
        if (_showPoint) {
            self.pointImage.hidden = NO;
            [self updatePointPosition];
        } else {
            self.pointImage.hidden = YES;
        }
    }
}

-(void)setShowProgressText:(BOOL)showProgressText {
    if (_showProgressText != showProgressText) {
        _showProgressText = showProgressText;
        if (_showProgressText) {
            self.progressLabel.hidden = NO;
        } else {
            self.progressLabel.hidden = YES;
        }
    }
}

- (void)setPrepareToShow:(BOOL)prepareToShow {
    if (_prepareToShow != prepareToShow) {
        _prepareToShow = prepareToShow;
        if (_prepareToShow) {
            [self initSubviews];
        }
    }
}

- (void)setProgress:(CGFloat)progress {
    
    //准备好显示
    self.prepareToShow = YES;
    
    _progress = progress;
    if (_progress < 0) {
        _progress = 0;
    }
    if (_progress > 1) {
        _progress = 1;
    }
    
    [self startAnimation];
}

- (void)startAnimation {
    
    //线条动画
    CABasicAnimation *pathAnimation = [CABasicAnimation animationWithKeyPath:@"strokeEnd"];
    pathAnimation.timingFunction = [CAMediaTimingFunction functionWithName:kCAMediaTimingFunctionLinear];
    pathAnimation.duration = _duration;
    pathAnimation.timingFunction = [CAMediaTimingFunction functionWithName:kCAMediaTimingFunctionLinear];
    pathAnimation.fromValue = [NSNumber numberWithFloat:_increaseFromLast==YES?_lastProgress:0];
    pathAnimation.toValue = [NSNumber numberWithFloat:_progress];
    pathAnimation.fillMode = kCAFillModeForwards;
    pathAnimation.removedOnCompletion = NO;
    [self.progressLayer addAnimation:pathAnimation forKey:@"strokeEndAnimation"];
    
    if (_showPoint) {
        //小图片动画
        CAKeyframeAnimation *pointAnimation = [CAKeyframeAnimation animationWithKeyPath:@"position"];
        pointAnimation.timingFunction = [CAMediaTimingFunction functionWithName:kCAMediaTimingFunctionLinear];
        pointAnimation.fillMode = kCAFillModeForwards;
        pointAnimation.calculationMode = @"paced";
        pointAnimation.removedOnCompletion = NO;
        pointAnimation.duration = _duration;
        pointAnimation.delegate = self;
        
        BOOL clockwise = NO;
        if (_progress<_lastProgress && _increaseFromLast == YES) {
            clockwise = YES;
        }
        UIBezierPath *imagePath = [UIBezierPath bezierPathWithArcCenter:CGPointMake(_realWidth/2.0, _realWidth/2.0) radius:_radius startAngle:_increaseFromLast==YES?(2*M_PI-_reduceAngle)*_lastProgress+_startAngle:_startAngle endAngle:(2*M_PI-_reduceAngle)*_progress+_startAngle clockwise:!clockwise];
        pointAnimation.path = imagePath.CGPath;
        [self.pointImage.layer addAnimation:pointAnimation forKey:nil];
        self.lastPointAnimation = pointAnimation;
        
        if (!_increaseFromLast && _progress == 0.0) {
            [self.pointImage.layer removeAllAnimations];
        }
    }
    
    if (_showProgressText) {
        if (_increaseFromLast) {
            [self.progressLabel countingFrom:_lastProgress*100 to:_progress*100 duration:_duration];
        } else {
            [self.progressLabel countingFrom:0 to:_progress*100 duration:_duration];
        }
    }
    
    
    _lastProgress = _progress;
}

//刷新最新路径
- (UIBezierPath *)getNewBezierPath {
    return [UIBezierPath bezierPathWithArcCenter:CGPointMake(_realWidth/2.0, _realWidth/2.0) radius:_radius startAngle:_startAngle endAngle:(2*M_PI-_reduceAngle+_startAngle) clockwise:YES];
}

//监听动画结束
- (void)animationDidStop:(CAAnimation *)anim finished:(BOOL)flag {
    
    if (flag && anim == _lastPointAnimation) {
        [self updatePointPosition];
    }
}

//更新小圆点的真实位置
- (void)updatePointPosition {
    
    //重定位起点
    CGFloat currentEndAngle = (2*M_PI-_reduceAngle)*_progress+_startAngle;
    [_pointImage.layer removeAllAnimations];
    _pointImage.center = CGPointMake(_realWidth/2.0+_radius*cosf(currentEndAngle), _realWidth/2.0+_radius*sinf(currentEndAngle));
    
}

- (void)initSubviews {
    [self.layer addSublayer:self.backLayer];
    [self.layer addSublayer:self.progressLayer];
    
    [self addSubview:self.pointImage];
    [self addSubview:self.progressLabel];
    [self addSubview:self.coinImg];

}

@end