iOS CoreAnimation之CABasicAnimation：文字路径动画

最新推荐文章于 2024-09-02 09:29:42 发布

Quinn士魁

最新推荐文章于 2024-09-02 09:29:42 发布

阅读量3.7k

点赞数 1

分类专栏： IOS精益编程文章标签：核心动画 ios 动画

本文链接：https://blog.csdn.net/xoxo_x/article/details/71512943

版权

本文介绍了如何在iOS中使用CoreAnimation的CABasicAnimation实现文字路径动画。首先展示了Demo效果，接着讲解了如何获取字体路径并创建CAShapeLayer。然后，将这些元素添加到显示的view的layer上，并设置了绘制动画，使得文字和图片能够沿着路径动态移动。最后，提供了关键代码段以帮助理解实现过程。

摘要由CSDN通过智能技术生成

前言：

主要用到以下内容： 
1.CABasicAnimation -- animationWithKeyPath:@"strokeEnd"//开始绘制
2.CAKeyframeAnimation -- animationWithKeyPath:@"position"//以position作为关键帧动画
3.CAShapeLayer//CAShapeLayer需要与贝塞尔曲线配合使用才有意义、可作为进度条
4.CALayer//展示view的layer

Demo地址

效果展示：

这里写图片描述

获取字体路径：

    UIBezierPath *path = [self getStringLayer:@"I'm Quinn-魁"];

通过字体路径创建CAShapeLayer：

    [path addLineToPoint:CGPointMake(0, 50)];


    CAShapeLayer *pathLayer = [CAShapeLayer layer];
    pathLayer.frame = self.view.layer.bounds;
    pathLayer.bounds = CGPathGetBoundingBox(path.CGPath);
    pathLayer.backgroundColor = [[UIColor yellowColor] CGColor];
    pathLayer.geometryFlipped = YES;
    pathLayer.path = path.CGPath;
    pathLayer.strokeColor = [UIColor colorWithRed:234.0/