iphone:实现像DrawSomething类似的自动画图的动画效果

最新推荐文章于 2020-11-24 04:21:26 发布

转载最新推荐文章于 2020-11-24 04:21:26 发布 · 103 阅读

本文介绍如何使用CABasicAnimation和CAShapeLayer结合NSBezierPath创建动画效果。通过设置layer的path属性并添加strokeEnd动画，实现线条绘制动画。提供了一个具体的代码示例，并链接了额外资源供进一步学习。

设置layer的path为NSBezierPath对象，再对layer添加animation，注意

[CABasicAnimation animationWithKeyPath:@"strokeEnd"] 中的keyPath不能随意更改。

CAShapeLayer *l = [CAShapeLayer layer];
l.frame = self.view.bounds;
l.strokeColor = [UIColor redColor].CGColor;
CGPoint start = CGPointMake(arc4random()%300+10, arc4random()%400+40);
CGPoint end = CGPointMake(arc4random()%300+10, arc4random()%400+40);
UIBezierPath *path = [[UIBezierPath alloc] init];
[path moveToPoint:start];
[path addLineToPoint:end];
l.path = path.CGPath;
[path release];

CABasicAnimation *animation = [CABasicAnimation animationWithKeyPath:@"strokeEnd"];
animation.fromValue = [NSNumber numberWithFloat:0.0f];
animation.toValue = [NSNumber numberWithFloat:1.0f];
animation.duration = 3.0f;
[l addAnimation:animation forKey:@"myStroke"];
[self.view.layer addSublayer:l];