IOS 圓形進度條

標籤：use   name   radius   sts   btn   setfill   顏色   oda   ctr   

////  CCProgressView.h//  Demo////  Created by leao on 2017/8/7.//  Copyright ? 2017年 zaodao. All rights reserved.//#import <UIKit/UIKit.h>typedef NS_ENUM(NSInteger, CCProgressViewStyle) {    CCProgressViewStyleCircle,                                          // 圓形進度條    CCProgressViewStyleBar,                                             // 條形進度條    CCProgressViewStyleDefault = CCProgressViewStyleCircle,};@interface CCProgressView : UIView@property(nonatomic, assign, setter=setProgress:) CGFloat progress;     // 0.0 ~ 1.0@property(nonatomic, assign) CCProgressViewStyle progressViewStyle;     // 進度條style@property(nonatomic, strong) UIColor *trackTintColor;                   // 進度條背景色@property(nonatomic, strong) UIColor *progressTintColor;                // 進度條顏色@property(nonatomic, strong) UIColor *progressFullTintColor;            // 進度完成時progressTint的顏色@property(nonatomic, assign) CGFloat lineWidth;                         // 繪製progress寬度  default: 10@property(nonatomic, assign) CGFloat trackerWidth;                         // 繪製progress寬度  default: 10// CCProgressViewStyleCircle 有效@property(nonatomic, strong) UIColor *fillColor;                // 中心顏色@property(nonatomic, assign) BOOL clockwise;                    // 是否是順時針 default: YES@property(nonatomic, assign) CGFloat startAngle;                // 進度條開始angle, default: -M_PI/2.0@property (nonatomic, strong) UIButton *centerBtn; // 記錄進度的Label@property (nonatomic, strong) UIColor *labelbackgroundColor; // Label的背景色 預設clearColor@property (nonatomic, strong) UIColor *textColor; // Label的字型顏色 預設黑色@property (nonatomic, strong) UIFont  *textFont; // Label的字型大小 預設15- (void)setProgress:(CGFloat)progress;- (void)setProgress:(CGFloat)progress animated:(BOOL)animated;@end

////  CCProgressView.m//  Demo////  Created by leao on 2017/8/7.//  Copyright ? 2017年 zaodao. All rights reserved.//#import "CCProgressView.h"#import <pop/POP.h>#import <objc/runtime.h>#import <ReactiveCocoa/ReactiveCocoa.h>#define kCCProgressFillColor                [UIColor clearColor]#define kCCProgressTintColor                RGBCOLOR(214, 88, 45)#define kCCTrackTintColor                   RGBCOLOR(243, 212, 187)#define PROGRESS_WIDTH                      self.frame.size.width#define PROGRESS_HEIGHT                     self.frame.size.height#define kAnimTimeInterval 2@interface CCProgressView ()@property(nonatomic, strong) CAShapeLayer *trackLayer;@property(nonatomic, strong) CAShapeLayer *progressLayer;@end@implementation CCProgressView- (instancetype)initWithFrame:(CGRect)frame{    self = [super initWithFrame:frame];    if (self) {        [self initSubviews];    }    return self;}- (instancetype)init{    self = [super init];    if (self) {        [self initSubviews];    }    return self;}#pragma mark - private- (void)initSubviews{    _progressViewStyle = CCProgressViewStyleDefault;    _progressTintColor = kCCProgressTintColor;    _trackTintColor = kCCTrackTintColor;    _lineWidth = 10;    _trackerWidth = 10;        _fillColor = kCCProgressFillColor;    _clockwise = YES;    _startAngle = - M_PI / 2.0;        self.backgroundColor = [UIColor clearColor];        self.trackLayer = [CAShapeLayer layer];    self.trackLayer.lineCap = kCALineCapButt;    self.trackLayer.lineJoin = kCALineCapButt;    self.trackLayer.lineWidth = _lineWidth;    self.trackLayer.fillColor = nil;    self.trackLayer.strokeColor = _trackTintColor.CGColor;    self.trackLayer.frame = self.bounds;    [self.layer addSublayer:self.trackLayer];        self.progressLayer = [CAShapeLayer layer];    self.progressLayer.lineCap = kCALineCapButt;    self.progressLayer.lineJoin = kCALineCapButt;    self.progressLayer.lineWidth = _trackerWidth;    self.progressLayer.fillColor = _fillColor.CGColor;    self.progressLayer.strokeColor = _progressTintColor.CGColor;    self.progressLayer.frame = self.bounds;    [self.layer addSublayer:self.progressLayer];        self.progressLayer.strokeEnd = 0.0;        [self addSubview:self.centerBtn];}- (void)layoutSubviews{    [super layoutSubviews];        [self updateLayerPath];}#pragma mark - private- (UIButton *)centerBtn{    if(!_centerBtn)    {        _centerBtn = [[UIButton alloc] initWithFrame:CGRectMake(0, 0, PROGRESS_WIDTH - 14, PROGRESS_HEIGHT - 14)];        _centerBtn.center = CGPointMake(PROGRESS_WIDTH/2, PROGRESS_HEIGHT/2);        _centerBtn.titleLabel.textAlignment = NSTextAlignmentCenter;        _centerBtn.layer.cornerRadius = _centerBtn.width/2;        _centerBtn.backgroundColor = RGBCOLOR(246, 227, 204);        _centerBtn.titleLabel.adjustsFontSizeToFitWidth = YES;        _centerBtn.userInteractionEnabled = NO;        _centerBtn.layer.masksToBounds = YES;    }    return _centerBtn;}- (void)updateLayerPath{    if (_progressViewStyle == CCProgressViewStyleCircle) {        self.trackLayer.frame = self.bounds;        self.progressLayer.frame = self.bounds;                CGFloat radius = CGRectGetWidth(self.frame) > CGRectGetHeight(self.frame) ?        (CGRectGetHeight(self.frame) - _lineWidth) / 2.0 : (CGRectGetWidth(self.frame) - _lineWidth) / 2.0;        UIBezierPath *bezierPath = [UIBezierPath bezierPathWithArcCenter:self.progressLayer.position radius:radius startAngle:_startAngle endAngle:_clockwise ? _startAngle + 2 * M_PI : _startAngle - 2 * M_PI clockwise:_clockwise];        self.trackLayer.path = bezierPath.CGPath;        self.progressLayer.path = bezierPath.CGPath;    } else {        self.trackLayer.frame = CGRectMake(0, (CGRectGetHeight(self.frame) - _lineWidth) / 2.0, CGRectGetWidth(self.frame), _lineWidth);        self.progressLayer.frame = self.trackLayer.frame;                UIBezierPath *bezierPath = [UIBezierPath bezierPath];        [bezierPath moveToPoint:CGPointMake(0, self.progressLayer.position.y)];        [bezierPath addLineToPoint:CGPointMake(CGRectGetWidth(self.frame), self.progressLayer.position.y)];        self.trackLayer.path = bezierPath.CGPath;        self.progressLayer.path = bezierPath.CGPath;    }}#pragma mark - setter- (void)setTrackTintColor:(UIColor *)trackTintColor{    _trackTintColor = trackTintColor;    self.trackLayer.strokeColor = trackTintColor.CGColor;}- (void)setProgressTintColor:(UIColor *)progressTintColor{    _progressTintColor = progressTintColor;    self.progressLayer.strokeColor = progressTintColor.CGColor;}- (void)setProgressFullTintColor:(UIColor *)progressFullTintColor{    _progressFullTintColor = progressFullTintColor;    if (self.progressLayer.strokeEnd >= 1.0) {        self.progressLayer.strokeEnd = 1.0;        self.progressLayer.strokeColor = _progressFullTintColor.CGColor;    }}- (void)setLineWidth:(CGFloat)lineWidth{    _lineWidth = lineWidth;//    self.trackLayer.lineWidth = lineWidth;    self.progressLayer.lineWidth = lineWidth;    if (_progressViewStyle != CCProgressViewStyleCircle) {        [self updateLayerPath];    }}- (void)setTrackerWidth:(CGFloat)trackerWidth {    _trackerWidth = trackerWidth;    self.trackLayer.lineWidth = _trackerWidth;    if (_progressViewStyle != CCProgressViewStyleCircle) {        [self updateLayerPath];    }}#pragma mark - setter (CCProgressViewStyleCircle)- (void)setFillColor:(UIColor *)fillColor{    _fillColor = fillColor;    self.progressLayer.fillColor = fillColor.CGColor;}- (void)setClockwise:(BOOL)clockwise{    _clockwise = clockwise;    [self updateLayerPath];}- (void)setStartAngle:(CGFloat)startAngle{    _startAngle = startAngle;    [self updateLayerPath];}- (void)setProgress:(CGFloat)progress{    [self setProgress:progress animated:NO];}- (void)setProgress:(CGFloat)progress animated:(BOOL)animated{    if (animated) {  // 這裡的動畫可以直接使用CABasicAnimation        POPBasicAnimation *basicAnim = [POPBasicAnimation animationWithPropertyNamed:kPOPShapeLayerStrokeEnd];        if (basicAnim) {            basicAnim.duration = kAnimTimeInterval;            basicAnim.toValue = @(progress);        } else {            basicAnim = [POPBasicAnimation animationWithPropertyNamed:kPOPShapeLayerStrokeEnd];            basicAnim.fromValue = @(self.progressLayer.strokeEnd);            basicAnim.toValue = @(progress);            basicAnim.duration = 4 * kAnimTimeInterval;            basicAnim.removedOnCompletion = YES;        }        @weakify(self);        basicAnim.completionBlock = ^(POPAnimation *anim, BOOL finished) {            @strongify(self);            POPPropertyAnimation *basicAnim = (POPPropertyAnimation *)anim;            self.progressLayer.strokeEnd = [basicAnim.toValue doubleValue];            if (self.progressLayer.strokeEnd >= 1.0 && _progressFullTintColor) {                self.progressLayer.strokeEnd = 1.0;                self.progressLayer.strokeColor = _progressFullTintColor.CGColor;            }        };        [self.progressLayer pop_addAnimation:basicAnim forKey:kPOPShapeLayerStrokeEnd];    } else {        self.progressLayer.strokeEnd = progress;        if (self.progressLayer.strokeEnd >= 1.0 && _progressFullTintColor) {            self.progressLayer.strokeEnd = 1.0;            self.progressLayer.strokeColor = _progressFullTintColor.CGColor;        }    }}@end

 

IOS 圓形進度條