当前位置：文江博客话题详情

iPhone 核心动画 - 为 NSBezierPath 制作动画

发布于 2024-12-13 05:50:45 字数 153 浏览 2 评论 0原文

我想在屏幕上绘制路径时对其进行动画处理，我假设核心动画是使用 NSBezierPath 的最佳方法，但我不确定如何实现这一点。

基本上，这个想法是有一条从 A 点到 B 点的路径，慢慢地从 A 到 B 进行动画处理，直到路径到达 B。关于如何做到这一点的一个很好的教程会很棒。

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

oО清风挽发oО 2024-12-20 05:50:45

您可以使用 CGPath 创建 CAShapeLayer（例如可以从 UIBezierPath 创建）。

然后 CAShapeLayer 的 path 属性本身就是可动画的，您还可以使用可动画的 strokeStart 和StrokeEnd 属性创建更高级的动画（从 iOS 4.2 开始提供）

如何添加带有随动画一起出现的随机线的图层的简单示例：

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];

You can create CAShapeLayer with your CGPath (can be created from UIBezierPath for example).

Then path property of CAShapeLayer is animatable itself and you can also create more advanced animations using animatable strokeStart and strokeEnd properties (available starting iOS 4.2)

Simple example of how to add layer with random line that appears with animation:

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];

回复收藏 0 原文

~没有更多了~