iphone - 将 CATextLayer 与 CGContext 一起使用

Question

我需要将文本绘制到 CGContext 中，并想使用 CATextLayer 来设置文本。谁能给我一些关于如何完成的步骤。我已经为它编写了一些代码，但不知道它的正确性(因为我是 iPhone 开发的新手)。

一些基本问题:1.如何获取设置CATextLayer框架的文本位置和大小2. 文本以某种方式倒置，我已经使用 CGAffineTransform 修复了这个问题，但这是一个 hacky 修复，我想知道文本倒置的真正原因。3. 我还需要设置我正在使用 NSAttributedString 的文本边框宽度和颜色，但设置文本大小(增加或减少)不会反射(reflect)在屏幕上。

编辑 1:

我已经根据您的建议更新了代码，但即使在使用 CTFontRef 后文本也没有调整大小。此外，在 iPhone 上，文本从顶部开始被截断了一点。知道什么设置不正确吗？当我检查从 getTypographicBounds 获得的值时，它们都是 0(origin.x、origin.y、宽度和高度)。

getTypographicBounds 方法:

width = CTLineGetTypographicBounds(m_line, &ascent, &descent, &leading);

// Return text bounds
return CGRectMake(0, 0, width, ascent + descent);

修改后的代码:

CATextLayer*    text      = [[CATextLayer alloc] init];
CGColorSpaceRef rgbColor  = CGColorSpaceCreateDeviceRGB();
CGColorRef rgb            = CGColorCreate(rgbColor, m_fill_color);
text.foregroundColor      = rgb;
text.frame                = CGRectMake([self getTypographicBounds].origin.x, [self getTypographicBounds].origin.y, [self getTypographicBounds].size.width + 2*m_padding, [self getTypographicBounds].size.height + 2*m_padding);
text.wrapped              = YES;

    NSMutableDictionary *stringAttributes = [NSMutableDictionary dictionary];

    CTFontRef aCFFont = CTFontCreateWithName ((CFStringRef)m_font_name, 30.0, NULL);

    // Set a negative width so we get both stroke and fill to show
    [stringAttributes setObject: (NSObject*)aCFFont forKey: (id)kCTFontNameAttribute];
    [stringAttributes setObject: [NSNumber numberWithFloat: -3 ] forKey: (id)kCTStrokeWidthAttributeName];
    [stringAttributes setObject: [UIColor whiteColor] forKey: (id)kCTStrokeColorAttributeName];

    NSAttributedString *stringToDraw = [[NSAttributedString alloc] initWithString:m_text
                                                                       attributes:stringAttributes];

    text.string = (NSString*)stringToDraw;
    [text drawInContext:ctx];

编辑 2:wiki 示例使用 CTLine，我使用的是 CATextLayer。 Reason::CATextLayer 允许我在运行时修改文本以显示中文、日语、印地语、俄语和所有具有不同脚本的语言。此外，CATextLayer 的渲染似乎比 CoreText 更清晰。

我现在面临的问题是 [text drawInContext:ctx] 行显示的文本从顶部截断。我检查了框架和文本字体大小。字体大小为 16 像素，框架高度为 17.768，所以我不知道为什么会被截断。

// Ensure CTLine is up-to-date
if (m_is_dirty)
    [self recomputeLine];

// Get text metrics
CGFloat width;
CGFloat ascent;
CGFloat descent;
CGFloat leading;

width = CTLineGetTypographicBounds(m_line, &ascent, &descent, &leading);

// Position text so that top of text aligns with top of layer
CGContextSetTextMatrix(ctx, CGAffineTransformIdentity );

// Setup text drawing style
CGContextSetRGBFillColor   (ctx, m_fill_color  [0], m_fill_color  [1], m_fill_color  [2], 1.0);
CGContextSetRGBStrokeColor (ctx, m_stroke_color[0], m_stroke_color[1], m_stroke_color[2], 1.0);
CGContextSetFont           (ctx, m_font        );
CGContextSetFontSize       (ctx, m_font_size   );
CGContextSetLineWidth      (ctx, m_stroke_width);

CATextLayer*    text      = [[CATextLayer alloc] init];
CGColorSpaceRef rgbColor  = CGColorSpaceCreateDeviceRGB();
CGColorRef rgb            = CGColorCreate(rgbColor, m_fill_color);
text.foregroundColor      = rgb;
text.fontSize = m_font_size;
text.font = m_font;
text.frame                = CGRectMake([self getTypographicBounds].origin.x, [self getTypographicBounds].origin.y, [self getTypographicBounds].size.width, [self getTypographicBounds].size.height);
text.wrapped              = YES;

NSMutableDictionary *stringAttributes = [NSMutableDictionary dictionary];


// Set a negative width so we get both stroke and fill to show
[stringAttributes setObject: [UIFont fontWithName:m_font_name size:m_font_size] forKey: (id)kCTFontNameAttribute];
[stringAttributes setObject: [NSNumber numberWithFloat: -3 ] forKey: (id)kCTStrokeWidthAttributeName];
[stringAttributes setObject: [UIColor whiteColor] forKey: (id)kCTStrokeColorAttributeName];

NSAttributedString *stringToDraw = [[NSAttributedString alloc] initWithString:m_text
                                                                       attributes:stringAttributes];

text.string = (NSString*)stringToDraw;        
[text drawInContext:ctx];

提前致谢

尼克

Answer 1

这是因为用于 CGContexts 的翻转坐标空间。有关完整说明(带图表)，请参阅 here .

编辑:在绘制文本之前控制位置翻译上下文:

CGContextTranslateCTM(context, x, y);

编辑 2:

看起来您需要使用 CTFontRef，而不是 UIFont。有关示例，请参阅 here (参见 Gordon Apple 发表的帖子，2010 年 6 月 23 日星期三 10:40:23)。

编辑 3:

除非您特别需要使用 NSAttributedString，否则我建议使用更简单的 NSString drawInRect:withFont:lineBreakMode:alignment: 方法。它会为您创建一个 CATextLayer，但使用起来要简单得多:

    UIFont *font = [UIFont fontWithName:m_font_name size:30.f];
    [m_text drawInRect:text.frame  withFont:font lineBreakMode:UILineBreakModeWordWrap alignment:UITextAlignmentLeft];

编辑 4:

尝试像这样设置你的字典:

    CTFontRef ctFont = CTFontCreateWithName((__bridge CFStringRef)fontName, pointSize,NULL);
    CGColorRef color = textColor.CGColor;

    NSDictionary *attributesDict = [NSDictionary dictionaryWithObjectsAndKeys:
                                    (__bridge id)ctFont, (id)kCTFontAttributeName,
                                    color, (id)kCTForegroundColorAttributeName,nil];