POP的Stroke动画

POP的Stroke动画

效果

源码

https://github.com/YouXianMing/Animations

//

//  PopStrokeController.m

//  Animations

//

//  Created by YouXianMing on 15/11/17.

//  Copyright © 2015年 YouXianMing. All rights reserved.

//

#import "PopStrokeController.h"

#import "GCD.h"

#import "POP.h"

#import "StrokeCircleLayerConfigure.h"

@interface PopStrokeController ()

@property (nonatomic, strong) CAShapeLayer  *circleShape;

@property (nonatomic, strong) GCDTimer      *timer;

@end

@implementation PopStrokeController

- (void)viewDidLoad {

    [super viewDidLoad];

}

- (void)setup {

    [super setup];

    self.circleShape = [CAShapeLayer layer];

    self.circleShape.strokeEnd = .f;

    self.circleShape.lineCap   = kCALineCapRound;

    StrokeCircleLayerConfigure *config = [StrokeCircleLayerConfigure new];

    config.lineWidth    = .f;

    config.startAngle   = ;

    config.endAngle     = M_PI * ;

    config.radius       = .f;

    config.circleCenter = self.view.center;

    config.strokeColor  = [UIColor cyanColor];

    [config configCAShapeLayer:self.circleShape];

    [self.view.layer addSublayer:self.circleShape];

    _timer = [[GCDTimer alloc] initInQueue:[GCDQueue mainQueue]];

    [_timer event:^{

        CGFloat value1 = arc4random() %  / .f;

        CGFloat value2 = arc4random() %  / .f;

        POPSpringAnimation *strokeAnimationEnd = [POPSpringAnimation animationWithPropertyNamed:kPOPShapeLayerStrokeEnd];

        strokeAnimationEnd.toValue             = @(value1 > value2 ? value1 : value2);

        strokeAnimationEnd.springBounciness    = .f;

        POPSpringAnimation *strokeAnimationStart = [POPSpringAnimation animationWithPropertyNamed:kPOPShapeLayerStrokeStart];

        strokeAnimationStart.toValue             = @(value1 < value2 ? value1 : value2);

        strokeAnimationStart.springBounciness    = .f;

        POPBasicAnimation *strokeAnimationColor  = [POPBasicAnimation animationWithPropertyNamed:kPOPShapeLayerStrokeColor];

        strokeAnimationColor.toValue             = (__bridge id)([self randomColor].CGColor);

        [self.circleShape pop_addAnimation:strokeAnimationEnd forKey:@"layerStrokeAnimation"];

        [self.circleShape pop_addAnimation:strokeAnimationStart forKey:@"layerStrokeAnimation1"];

        [self.circleShape pop_addAnimation:strokeAnimationColor forKey:@"layerStrokeAnimation2"];

    } timeIntervalWithSecs:];

    [_timer start];

}

- (UIColor *)randomColor {

    return [UIColor colorWithRed:arc4random() %  / .f

                           green:arc4random() %  / .f

                            blue:arc4random() %  / .f

                           alpha:];

}

@end

细节