我猜它是用单个 CATextLayers 制作一个字符串，然后根据需要沿着曲线定位它们，然后制作动画。因为这就是我现在正在做的事情，但它失去了字距。方法如下:

Why isn't my curved text centering itself?

但 Core Text 是否更高效并且能够避免整个“绘制到上下文中”的废话，这种废话与精益、平均的 Core Animation 做事方式相比会减慢一切，并尊重字距调整？即避免 drawRect: 以及所有其他会大大减慢速度的方面，例如这种绘制到屏幕的方式:

https://github.com/darcyliu/CocoaSampleCode/tree/master/CoreTextArcCocoa

想象一个由 200 个字符组成的字符串，绕着一个圆圈弯曲，能够为字符之间的间距设置动画，希望稳定在 60fps。这可以通过 Core Animation 实现，但这是通过将字符串分解成单个字符并将它们以相等的间距围绕圆圈放置，这会导致字距调整信息完全丢失。

我希望有一种方法可以在不丢失字距调整信息的情况下执行此操作，并且仍然能够以 60fps 的速度动态调整间距。

最佳答案

当然可以。不过，在 iOS 7 中，您无需一直使用 Core Text。 NSLayoutManager 可以处理很多情况。查看CurvyText我为 iOS:PTL 编写的演示.您可以拖动所有控制点并查看沿曲线的文本布局。

要了解此布局在纯 Core Text 和 Core Animation 中的速度有多快，请参阅 PinchText来自 Rich Text, Core Text 的演示.这展示了如何调整 Core Text 布局以响应多点触控，因此文本似乎向您的手指弯曲。它包括如何使用 Core Animation 制作动画以获得平滑调整的示例(甚至在您移开手指时出现小的“飞溅”效果)。

我不太明白您所说的“将整个图画成一个上下文废话，这会减慢一切”是什么意思。我非常非常快地将它们绘制到上下文中(Core Animation 也做了很多绘制到上下文中)。

围绕圆圈弯曲文本比这两个演示中的任何一个都容易。诀窍是计算沿圆的点，并在要求布局管理器绘制字形之前使用这些点平移和旋转上下文。这是 CurvyTextView 中的 drawText 示例(沿着贝塞尔曲线绘制)。

- (void)drawText {
  if ([self.attributedString length] == 0) { return; }

  NSLayoutManager *layoutManager = self.layoutManager;

  CGContextRef context = UIGraphicsGetCurrentContext();
  NSRange glyphRange;
  CGRect lineRect = [layoutManager lineFragmentRectForGlyphAtIndex:0
                                                    effectiveRange:&glyphRange];

  double offset = 0;
  CGPoint lastGlyphPoint = self.P0;
  CGFloat lastX = 0;
  for (NSUInteger glyphIndex = glyphRange.location;
       glyphIndex < NSMaxRange(glyphRange);
       ++glyphIndex) {
    CGContextSaveGState(context);

    CGPoint location = [layoutManager locationForGlyphAtIndex:glyphIndex];

    CGFloat distance = location.x - lastX;  // Assume single line
    offset = [self offsetAtDistance:distance
                          fromPoint:lastGlyphPoint
                          andOffset:offset];
    CGPoint glyphPoint = [self pointForOffset:offset];
    double angle = [self angleForOffset:offset];

    lastGlyphPoint = glyphPoint;
    lastX = location.x;

    CGContextTranslateCTM(context, glyphPoint.x, glyphPoint.y);
    CGContextRotateCTM(context, angle);

    [layoutManager drawGlyphsForGlyphRange:NSMakeRange(glyphIndex, 1)
                                   atPoint:CGPointMake(-(lineRect.origin.x + location.x),
                                                       -(lineRect.origin.y + location.y))];

    CGContextRestoreGState(context);
  }
}

它的“魔力”在于计算您需要的转换，这是在 offsetAtDistance:fromPoint:andOffset:、pointForOffset: 和 angleForOffset 中完成的: 。与通用贝塞尔曲线相比，为圆编写这些例程要简单得多，因此这可能是一个很好的起点。请注意，这段代码没有特别优化。它的设计目的是提高可读性而不是速度，但它在 iPad 3 上仍然非常快。如果您需要它更快，there are several techniques ，包括很多可以完成的预计算。

PinchText 演示是在纯 Core Text 和 Core Animation 中进行的，并且要复杂得多，因为它在 Accelerate 中完成了所有数学运算(并且确实需要这样做)。我怀疑你是否需要它，因为你的布局问题并不那么复杂。一些简单明了的 C 可能可以在充足的时间内计算出您需要的一切。但是 PinchText 演示确实展示了如何让 Core Animation 更漂亮地管理过渡。查看 addTouches:inView:scale::

- (void)addTouches:(NSSet *)touches inView:(UIView *)view scale:(CGFloat)scale
{
  for (UITouch *touch in touches) {
    TouchPoint *touchPoint = [TouchPoint touchPointForTouch:touch inView:view scale:scale];
    NSString *keyPath = [self touchPointScaleKeyPathForTouchPoint:touchPoint];

    CABasicAnimation *anim = [CABasicAnimation animationWithKeyPath:keyPath];
    anim.duration = kStartTouchAnimationDuration;
    anim.fromValue = @0;
    anim.toValue = @(touchPoint.scale);
    anim.timingFunction = [CAMediaTimingFunction functionWithName:kCAMediaTimingFunctionEaseInEaseOut];
    [self addAnimation:anim forKey:keyPath];

    [self.touchPointForIdentifier setObject:touchPoint forKey:touchPoint.identifier];
  }
}

这里发生的事情是它正在为 模型 数据设置动画(这里的“比例”是“这种触摸对布局的影响有多大；”它与变换无关)。 needsDisplayForKey: 表示当该模型数据结构被修改时，该层需要重新绘制自身。它会在每一帧完全重新计算并将自己重新绘制到它的上下文中。如果操作得当，速度会非常快。

此代码有望帮助您入门。不要过分推销这本书，但在 iOS Pushing the Limits 中广泛讨论了 CurvyText 演示。第 21 章。

关于ios - 在曲线上绘制文本并为其设置动画的最高效方式？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/25556257/