iOS 使用UIBezierPath, CAShapeLayer, CABasicAnimation动态绘制折线

直接在UIViewController的ViewDidLoad()方法中.

UIBezierPath *path = [UIBezierPath bezierPath];
    [path moveToPoint:CGPointMake(30, 200)]; // 第一个点
    [path addLineToPoint:CGPointMake(100, 250)]; // 第二个点
    [path addLineToPoint:CGPointMake(250, 170)]; // 第三个点
    
    CAShapeLayer *pathLayer = [CAShapeLayer layer];
    pathLayer.frame = self.view.frame;
    pathLayer.path = path.CGPath;
    pathLayer.strokeColor = [UIColor redColor].CGColor; // 线段颜色
    pathLayer.fillColor = [UIColor clearColor].CGColor; //
    pathLayer.lineWidth = 17;
    pathLayer.lineCap = kCALineCapRound;
    pathLayer.lineJoin = kCALineJoinRound;
    [self.view.layer addSublayer:pathLayer];
    
    CABasicAnimation *pathAnimation = [CABasicAnimation animationWithKeyPath:@"strokeEnd"];
    pathAnimation.duration = 5;
    pathAnimation.fromValue = [NSNumber numberWithFloat:0.0f];
    pathAnimation.toValue = [NSNumber numberWithFloat:1.0f];
    [pathLayer addAnimation:pathAnimation forKey:@"strokeEnd"];