如何解决 CALayer 支持的文本中文本渲染不佳的问题

Question

我在 NSTextField 中有一些可变文本，它们在 CALayer 背景视图上呈现。由于 CALayer 不支持对其上的任何文本进行子像素别名渲染，因此该文本看起来很垃圾。

一些谷歌搜索揭示了其原因，并且文本必须渲染到不透明背景上才能启用 SPA。在这种情况下，如果可能的话，我想避免渲染到不透明的背景上。有更好的解决方法吗？

我完全愿意将文本自己渲染成 NSImage ，如果这有帮助的话，但我找不到任何确认的报告。

它在 Interface Builder 中看起来绝对没问题，所以我知道秘密就在这台计算机内部的某个地方，只是想摆脱它。

Answer 1

找到解决方法。看起来，Quartz 中没有任何东西可以在透明背景上渲染具有子像素别名的文本。但是，您可以将文本渲染到屏幕外位图缓冲区，前提是已以正确的方式创建了屏幕外位图缓冲区。该缓冲区的背景必须是不透明的。

我的视图以前有一个稍微透明的 PNG 背景。我可以简单地将这个背景设置为不透明并毫无问题地渲染到它，但由于此视图需要淡入和淡出，因此它需要 CALayer 支持，因此文本会正确渲染一次，然后随后在没有子像素锯齿的情况下渲染。

这是我的代码。它看起来非常冗长，如果有人能帮助我简化它，我会很高兴。它假设您有一个名为 _title 的 NSImageView 和一个名为 title 的 NSString。

// Create the attributed string
NSMutableAttributedString *attStr = [[[NSMutableAttributedString alloc] initWithString: title] autorelease];

NSRange strRange = NSMakeRange(0, [attStr length]);
NSFont *font = [NSFont systemFontOfSize:[NSFont systemFontSizeForControlSize: NSSmallControlSize]];

[attStr addAttribute: NSForegroundColorAttributeName value: [NSColor whiteColor] range: strRange];
[attStr addAttribute: NSFontAttributeName value: font range: strRange];

NSMutableParagraphStyle *paraStyle = [[[NSParagraphStyle defaultParagraphStyle] mutableCopy] autorelease];
[paraStyle setAlignment: NSCenterTextAlignment];
[paraStyle setLineBreakMode: NSLineBreakByTruncatingMiddle];
[attStr addAttribute: NSParagraphStyleAttributeName value: paraStyle range: strRange];

// Set up the image context
NSUInteger bytesPerPixel = 4;
NSUInteger bytesPerRow = bytesPerPixel * [_title frame].size.width;
NSUInteger bitsPerComponent = 8;
CGColorSpaceRef colorSpace = CGColorSpaceCreateDeviceRGB();
// These constants are necessary to enable sub-pixel aliasing.
CGBitmapInfo bitmapInfo = kCGImageAlphaPremultipliedFirst | kCGBitmapByteOrder32Host;

// Create the memory buffer to be used as the context's workspace
unsigned char *contextBuffer = malloc([_title frame].size.height * [_title frame].size.width * 4);

CGContextRef context = CGBitmapContextCreate(contextBuffer, 
                                             [_title frame].size.width, 
                                             [_title frame].size.height, 
                                             bitsPerComponent, 
                                             bytesPerRow, 
                                             colorSpace, 
                                             bitmapInfo);


[NSGraphicsContext saveGraphicsState];

[NSGraphicsContext setCurrentContext:[NSGraphicsContext graphicsContextWithGraphicsPort:context flipped:NO]];


CGContextSetFillColorWithColor(context, CGColorGetConstantColor(kCGColorBlack));
CGRect rectangle = CGRectMake(0, 0, [_title frame].size.width,[_title frame].size.height);
CGContextAddRect(context, rectangle);
CGContextFillPath(context);

CTLineRef line = CTLineCreateWithAttributedString((CFAttributedStringRef)attStr);

CGContextSetTextPosition(context, 10.0, 10.0);
CTLineDraw(line, context);
CFRelease(line);

// Create a data provider from the context buffer in memory
CGDataProviderRef dataProvider = CGDataProviderCreateWithData(NULL, contextBuffer, bytesPerRow * [_title frame].size.height, NULL);

// Create an image from the data provider
CGImageRef imageRef = CGImageCreate ([_title frame].size.width,
                                     [_title frame].size.height,
                                     bitsPerComponent,
                                     bytesPerPixel * 8,
                                     bytesPerRow,
                                     colorSpace,
                                     bitmapInfo,
                                     dataProvider,
                                     NULL,
                                     false,
                                     kCGRenderingIntentDefault
                                     );

// Turn it into an NSImage
NSImage *newImage = [[[NSImage alloc] initWithCGImage:imageRef size: NSZeroSize] autorelease];

CGDataProviderRelease(dataProvider);
CGColorSpaceRelease(colorSpace);
CGContextRelease(context);
CGImageRelease(imageRef);

free(contextBuffer);

[NSGraphicsContext restoreGraphicsState];

[_title setImage: newImage];

Answer 2

我不太确定你的限制是什么，或者为什么你绝对必须绘制到一个图层，但是 os4.1 除其他外，Core Text 已从桌面移植到 iOS。您可以利用它的高级类型设置功能沿着直线甚至弧线渲染字形，并让它为您完成大部分繁重的工作。它是一个相对较低级别的API，但速度非常快。

- (void)drawLayer:(CALayer *)theLayer
        inContext:(CGContextRef)context
{
    CFStringRef string; CTFontRef font;  // assuming these exist

    // Initialize string, font, and context
    CFStringRef keys[] = { kCTFontAttributeName };
    CFTypeRef values[] = { font };

    CFDictionaryRef attributes =
        CFDictionaryCreate(kCFAllocatorDefault, (const void**)&keys,
            (const void**)&values, sizeof(keys) / sizeof(keys[0]),
            &kCFTypeDictionaryCallBacks,
            &kCFTypeDictionaryValueCallbacks);

    CFAttributedStringRef attrString =
        CFAttributedStringCreate(kCFAllocatorDefault, string, attributes);
    CFRelease(string);
    CFRelease(attributes);

    CTLineRef line = CTLineCreateWithAttributedString(attrString);

    // Set text position and draw the line into the graphics context
    CGContextSetTextPosition(context, 10.0, 10.0);
    CTLineDraw(line, context);
    CFRelease(line);
}

其他示例包括 CoreTextArcCocoa 和 CoreTextTest

Answer 3

这是原始海报不想这样做的方式，但对我来说，有一个不透明的背景是可以的......

当你制作图层时：

    layer.opaque = YES;

然后在

  - (void)drawLayer:(CALayer *)layer inContext:(CGContextRef)context

     [NSGraphicsContext saveGraphicsState];
      NSGraphicsContext *nscg = [NSGraphicsContext graphicsContextWithGraphicsPort:context flipped:NO];
      [NSGraphicsContext setCurrentContext:nscg];

      NSRect ourframe = self.frame;
      // white background enables antialiasing
      [[NSColor whiteColor] setFill];
      NSRect ourNSFrame = ourframe;
      ourNSFrame.origin = NSZeroPoint;
      NSRectFill(ourNSFrame);

     [sometext drawInRect:ourNSFrame withAttributes:someattrs];

     [NSGraphicsContext restoreGraphicsState];

Answer 4

填充变量字符串后，文本的 X、Y 位置是多少？我的 UILabel 也遇到了类似的问题，这是由于文本的 XY 位置是浮点数造成的。 （它试图将变量数据居中，并且 XY 值是半像素）

我截断了值并修复了模糊的文本。