用于可缩放 UIScrollView 的矢量绘图

Question

我有一个可缩放的 UIScrollView，其中包含一些 CATextLayer 和简单的 CALayer。 它们渲染得很好，但问题是当它们缩放时，它们会变得模糊。 （即使我重新绘制它们）

当视图缩放时，我可以选择什么来使文本不模糊？ 我应该使用其他东西吗？启用 CATextLayer/CALayer 中的某些内容？欢迎任何想法；）

我使用 CALayer 是因为，正如文档中所建议的， CALayer 比 UIViews 更轻，而且我有数百个他们。目前运行顺利。我尝试过使用 UIWebView ，我的 CALayer 版本更快；）

提前致谢。

Answer 1

iOS 在放大之前对文本进行光栅化，这就是它如此模糊的原因。您只需要修复 CATextLayer 的一个属性，contentsScale，即可在缩放后获得更高质量的渲染。实现此 UIScrollViewDelegate 方法：

- (void)scrollViewDidEndZooming:(UIScrollView *)scrollView
                       withView:(UIView *)view
                        atScale:(float)scale
{
    [CATransaction begin];
    [CATransaction setValue:[NSNumber numberWithBool:YES] 
                     forKey:kCATransactionDisableActions];
    uglyBlurryTextLayer.contentsScale = scale;
    [CATransaction commit];
}

这告诉图层使用更多像素来渲染文本，并在进行特定更改时禁用核心动画。