矢量像可缩放的UIScrollView绘图

Question

我有一个可缩放的UIScrollView,里面有一些CATextLayers和简单的CALayers.它们被渲染得很好,但问题是当它们被缩放时它们会变得模糊.(即使我重绘它们)

当缩放视图时,我的选择是什么让我的文字不模糊？我应该用另一件东西吗？启用CATextLayer/中的某些内容CALayer？欢迎任何想法;)

我正在使用CALayers,因为正如文档中所建议的,CALayers比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];
}

这告诉图层使用更多像素来渲染文本,并在进行特定更改时禁用Core Animation.