CircleView

效果图:

源码:

////  CircleView.h//  YXMWeather////  Created by XianMingYou on 15/2/17.//  Copyright (c) 2015年 XianMingYou. All rights reserved.//#import 
     
      @interface CircleView : UIView/** *  线条宽度 */@property (nonatomic)         CGFloat   lineWidth;/** *  线条颜色 */@property (nonatomic, strong) UIColor  *lineColor;/** *  旋转方向 */@property (nonatomic)         BOOL      clockWise;/** *  开始角度 */@property (nonatomic)         CGFloat   startAngle;/** *  初始化view */- (void)buildView;/** *  做stroke动画 * *  @param value    取值 [0, 1] *  @param animated 时候执行动画 */- (void)strokeEnd:(CGFloat)value animated:(BOOL)animated duration:(CGFloat)duration;@end
     

////  CircleView.m//  YXMWeather////  Created by XianMingYou on 15/2/17.//  Copyright (c) 2015年 XianMingYou. All rights reserved.//#import "CircleView.h"// 将度数转换为弧度#define   RADIAN(degrees)  ((M_PI * (degrees))/ 180.f)// 将弧度转换为度数#define   DEGREES(radian)  ((radian) * 180.f / M_PI)@interface CircleView ()@property (nonatomic, strong) CAShapeLayer *circleLayer; // 圆形layer@end@implementation CircleView/** *  初始化frame值 * *  @param frame 尺寸值 * *  @return 实例对象 */- (instancetype)initWithFrame:(CGRect)frame {    if (self = [super initWithFrame:frame]) {        // 创建出layer        [self createCircleLayer];    }        return self;}/** *  创建出layer */- (void)createCircleLayer {    self.circleLayer       = [CAShapeLayer layer];    self.circleLayer.frame = self.bounds;    [self.layer addSublayer:self.circleLayer];}/** *  初始化view */- (void)buildView {    // 初始化信息    CGFloat  lineWidth = (self.lineWidth <= 0 ? 1 : self.lineWidth);    UIColor *lineColor = (self.lineColor == nil ? [UIColor blackColor] : self.lineColor);    CGSize   size      = self.bounds.size;    CGFloat  radius    = size.width / 2.f - lineWidth / 2.f; // 设置半径(刚好贴到frame上面去)        // 旋转方向    BOOL clockWise = self.clockWise;    CGFloat startAngle = 0;    CGFloat endAngle   = 0;    if (clockWise == YES) {        startAngle = -RADIAN(180 - self.startAngle);        endAngle   = RADIAN(180 + self.startAngle);    } else {        startAngle = RADIAN(180 - self.startAngle);        endAngle   = -RADIAN(180 + self.startAngle);    }        // 创建出贝塞尔曲线    UIBezierPath *circlePath \        = [UIBezierPath bezierPathWithArcCenter:CGPointMake(size.height / 2.f, size.width / 2.f)                                         radius:radius                                     startAngle:startAngle                                       endAngle:endAngle                                      clockwise:clockWise];    // 获取path    self.circleLayer.path = circlePath.CGPath;        // 设置颜色    self.circleLayer.strokeColor = lineColor.CGColor;    self.circleLayer.fillColor   = [[UIColor clearColor] CGColor];    self.circleLayer.lineWidth   = lineWidth;    self.circleLayer.strokeEnd   = 0.f;}/** *  做stroke动画 * *  @param value    取值 [0, 1] *  @param animated 时候执行动画 */- (void)strokeEnd:(CGFloat)value animated:(BOOL)animated duration:(CGFloat)duration {        // 过滤掉不合理的值    if (value <= 0) {        value = 0;    } else if (value >= 1) {        value = 1.f;    }        if (animated) {        // 关键帧动画        CABasicAnimation *basicAnimation = [CABasicAnimation animation];        basicAnimation.keyPath           = @"strokeEnd";        basicAnimation.duration          = duration;        basicAnimation.timingFunction    = \        [CAMediaTimingFunction functionWithName:kCAMediaTimingFunctionEaseInEaseOut];        basicAnimation.fromValue         = @(self.circleLayer.strokeEnd);        basicAnimation.toValue           = @(value);                // 执行动画        self.circleLayer.strokeEnd = value;        [self.circleLayer addAnimation:basicAnimation forKey:nil];    } else {        // 关闭动画        [CATransaction setDisableActions:YES];        self.circleLayer.strokeEnd = value;    }}@end