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

来源：互联网发布：龙泉刀剑章氏有淘宝吗编辑：程序博客网时间：2024/05/17 01:51

直接在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"];

0 0