心电图动画

心跳动画

在博客上看到youxianming[http://www.cnblogs.com/YouXianMing/p/5122580.html]上传的心电图动画，不禁模仿了一番。仅供学习，向youxianming致敬。

////  ViewController.m//  AnimationTest////  Created by Zhang Runchao on 16/3/11.//  Copyright © 2016年 test. All rights reserved.//#import "ViewController.h"#import "UIView+SetRect.h"#import "UIView+AnimationProperty.h"#import "WxHxD.h"#import "GCD.h"@interface ViewController ()@property(nonatomic,strong) UIView *animationView;@property(nonatomic,strong) CAShapeLayer *shapeLayer;@property(nonatomic,strong) GCDTimer *timer;@end@implementation ViewController- (void)viewDidLoad {    [super viewDidLoad];    //  画布    [self setupAnimationView];    //心跳    [self setupHeartBeat];}-(void)setupAnimationView{    self.animationView = [[UIView alloc] initWithFrame:CGRectMake(0, 80,Width , 200)];    [self.animationView setBackgroundColor:[UIColor blackColor]];    [self.view addSubview:self.animationView];}-(void)setupHeartBeat{    //background layer    {        CAShapeLayer *layer = [CAShapeLayer layer];        layer.frame = self.animationView.frame;        UIBezierPath *path = [self heartBeatBezierPath];        layer.path = path.CGPath;        layer.lineWidth = .5f;        layer.fillColor = [[UIColor clearColor] CGColor];        layer.strokeColor = [[UIColor redColor] CGColor];        layer.opacity = .5f;        layer.position = self.animationView.middlePoint;        layer.shadowColor = [[UIColor redColor] CGColor];        [layer setTransform:CATransform3DMakeScale(.65f, .65f, 1)];        [self.animationView.layer addSublayer:layer];    }    {        self.shapeLayer = [CAShapeLayer layer];        self.shapeLayer.frame = self.animationView.frame;        self.shapeLayer.path = [self heartBeatBezierPath].CGPath;        self.shapeLayer.fillColor = [[UIColor clearColor] CGColor];        self.shapeLayer.strokeColor = [[UIColor redColor] CGColor];        self.shapeLayer.strokeEnd = 0;        self.shapeLayer.lineWidth = 2;        self.shapeLayer.position = self.animationView.middlePoint;        self.shapeLayer.shadowColor = [[UIColor redColor] CGColor];        self.shapeLayer.shadowOpacity = 1;        self.shapeLayer.shadowRadius = 4.f;        [self.shapeLayer setTransform:CATransform3DMakeScale(.65f, .65f, 1.f)];        [self.animationView.layer addSublayer:self.shapeLayer];        CGFloat MAX = 0.98f;        CGFloat GAP = 0.02;        self.timer = [[GCDTimer alloc] initInQueue:[GCDQueue mainQueue]];        [self.timer event:^{            CABasicAnimation *aniStart = [CABasicAnimation animationWithKeyPath:@"strokeStart"];            aniStart.fromValue = [NSNumber numberWithFloat:0.f];            aniStart.toValue = [NSNumber numberWithFloat:MAX];            aniStart.duration = 4.9f;            CABasicAnimation *aniEnd = [CABasicAnimation animationWithKeyPath:@"strokeEnd"];            aniEnd.fromValue = [NSNumber numberWithFloat:0.f+GAP];            aniEnd.toValue = [NSNumber numberWithFloat:MAX+GAP];            aniEnd.duration = 4.9f;            CAAnimationGroup *group = [CAAnimationGroup animation];            group.duration = 4.9f;            group.animations = @[aniEnd,aniStart];            self.shapeLayer.strokeStart   = MAX;            self.shapeLayer.strokeEnd     = MAX + GAP;            [self.shapeLayer addAnimation:group forKey:nil];        } timeIntervalWithSecs:5.f delaySecs:1.f];        [self.timer start];    }}//生成贝塞尔-(UIBezierPath*)heartBeatBezierPath{    UIBezierPath *path = [UIBezierPath bezierPath];    //画路径    [path moveToPoint:CGPointMake(0, 100)];    [path addLineToPoint:CGPointMake(20, 100)];    [path addLineToPoint:CGPointMake(35, 150)];    [path addLineToPoint:CGPointMake(50, 50)];    [path addLineToPoint:CGPointMake(65, 185)];    [path addLineToPoint:CGPointMake(80, 100)];    [path addLineToPoint:CGPointMake(95, 100)];    [path addLineToPoint:CGPointMake(110, 20)];    [path addLineToPoint:CGPointMake(125, 170)];    [path addLineToPoint:CGPointMake(140, 40)];    [path addLineToPoint:CGPointMake(155, 100)];    [path addLineToPoint:CGPointMake(175, 100)];    [path addLineToPoint:CGPointMake(200, 150)];    [path addLineToPoint:CGPointMake(215, 10)];    //线连接处样式    path.lineCapStyle = kCGLineCapSquare;    //线终点处样式    path.lineJoinStyle = kCGLineJoinBevel;    [[UIColor blackColor] setStroke];    path.lineWidth = 1;    //根据坐标点连线    [path stroke];    return path;}@end