使用Core Text布置单个字形

时间:2013-09-13 18:25:34

标签: ios objective-c quartz-graphics core-text nsattributedstring

我目前正在编写针对iOS 6.1 SDK的应用程序。我知道iOS 7中的某些内容可能无法解决我的问题,但为了学习,我还是会问。

该应用程序将包含一个表视图和自定义表视图单元格。我希望单元格contentView的唯一子视图是使用Core Text绘制的NSAttributedString的自定义视图。由于每个单元格的字符串将不同,因此字形定位需要依赖于字形的数量(即,较长的字符串将在字形之间具有较少的可见空间)。字体和物理边界的大小必须保持不变,只有字形定位才会不同。

我有以下代码,无论出于什么原因都没有达到我的预期。

这是BMPTeamNameView的.h - 自定义视图(contentView的子视图)

@interface BMPTeamNameView : UIView

-(id)initWithFrame:(CGRect)frame text:(NSString *)text textInset:(UIEdgeInsets)insets font:(UIFont *)font;

@property (nonatomic, copy) NSAttributedString *attributedString;
@property (nonatomic, copy) NSString *text;
@property (nonatomic, strong) UIFont *font;
@property (nonatomic, assign) UIEdgeInsets insets;

@end

新的指定初始化程序现在将设置框架,用于属性字符串的文本,用于确定与contentView rect相关的文本rect的插图以及要使用的字体。

最初在我的自定义drawRect中:我使用了CTFramesetterRef,但是CTFramesetterRef会创建一个不可变的框架(可能有?)限制了各个字形的布局。在这个实现中,我使用CTTypesetterRef来创建CTLineRef。当您比较CTLineDraw()和CTFrameDraw()时,使用CTFrame会导致不同的绘制行为,但这是另一个问题。我的drawRect:如下:

- (void)drawRect:(CGRect)rect
{        
    CGContextRef context = UIGraphicsGetCurrentContext();

    // Flips the coordinates so that drawing will be right side up
    CGContextSetTextMatrix(context, CGAffineTransformIdentity);        
    CGContextTranslateCTM(context, 0, self.bounds.size.height);
    CGContextScaleCTM(context, 1.0, -1.0);

    // Path that will hold the textRect
    CGMutablePathRef path = CGPathCreateMutable();

    // rectForTextInsets: returns a rect based on the insets with respect to cell contentView
    self.textRect = [self rectForTextWithInsets:self.insets];

    // Path adding / sets color for drawing
    CGPathAddRect(path, NULL, self.textRect);

    CGContextSetFillColorWithColor(context, [UIColor redColor].CGColor);

    CGContextAddPath(context, path);

    CGContextFillPath(context);

    // convenience method to return dictionary of attributes for string
    NSDictionary *attributes = [self attributesForAttributedString];

    // convenience method returns "Hello World" with attributes
    // typesetter property is set in the custom setAttributedString:
    self.attributedString = [self attributedStringWithAttributes:attributes];

    CTTypesetterRef typesetter = self.typesetter;

    // Creates the line for the attributed string
    CTLineRef line = CTTypesetterCreateLine(typesetter, CFRangeMake(0, 0));

    CGPoint *positions = NULL;
    CGGlyph *glyphs = NULL;
    CGPoint *positionsBuffer = NULL;
    CGGlyph *glyphsBuffer = NULL;

    // We will only have one glyph run 
    CFArrayRef glyphRuns = CTLineGetGlyphRuns(line);
    CTRunRef glyphRun = CFArrayGetValueAtIndex(glyphRuns, 0);

    // Get the count of all the glyphs
    NSUInteger glyphCount = CTRunGetGlyphCount(glyphRun);

    // This function gets the ptr to the glyphs, may return NULL
    glyphs = (CGGlyph *)CTRunGetGlyphsPtr(glyphRun);

    if (glyphs == NULL) {

        // if glyphs is NULL allocate a buffer for them
        // store them in the buffer
        // set the glyphs ptr to the buffer
        size_t glyphsBufferSize = sizeof(CGGlyph) * glyphCount;

        CGGlyph *glyphsBuffer = malloc(glyphsBufferSize);

        CTRunGetGlyphs(glyphRun, CFRangeMake(0, 0), glyphsBuffer);

        glyphs = glyphsBuffer;

    }

    // This function gets the ptr to the positions, may return NULL
    positions = (CGPoint *)CTRunGetPositionsPtr(glyphRun);

    if (positions == NULL) {

        // if positions is NULL allocate a buffer for them
        // store them in the buffer
        // set the positions ptr to the buffer
        size_t positionsBufferSize = sizeof(CGPoint) * glyphCount;

        CGPoint *positionsBuffer = malloc(positionsBufferSize);

        CTRunGetPositions(glyphRun, CFRangeMake(0, 0), positionsBuffer);

        positions = positionsBuffer;
    }

    // Changes each x by 15 and then sets new value at array index
    for (int i = 0; i < glyphCount; i++) {

        NSLog(@"positionAtIndex: %@", NSStringFromCGPoint(positions[i]));
        CGPoint oldPosition = positions[i];
        CGPoint newPosition = CGPointZero;

        NSLog(@"oldPosition = %@", NSStringFromCGPoint(oldPosition));

        newPosition.x = oldPosition.x + 15.0f;
        newPosition.y = oldPosition.y;

        NSLog(@"newPosition = %@", NSStringFromCGPoint(newPosition));

        positions[i] = newPosition;

        NSLog(@"positionAtIndex: %@", NSStringFromCGPoint(positions[i]));
    }

    // When CTLineDraw is commented out this will not display the glyphs on the screen
    CGContextShowGlyphsAtPositions(context, glyphs, positions, glyphCount);

    // When CGContextShowGlyphsAtPositions is commented out...
    // This will draw the string however it aligns the text to the view's lower left corner
    // CTFrameDraw would draw the text properly in the view's upper left corner
    // This is the difference I was speaking of and I'm not sure why it is
    CTLineDraw(line, context);


    // Make sure to release any CF objects and release allocated buffers
    CFRelease(path);
    free(positionsBuffer);
    free(glyphsBuffer);
}

我不确定为什么CGContextShowGlyphsAtPositions()没有正确显示字形或为什么CTLineDraw()不会使用新的字形位置。我是否错误地处理了这些位置和字形的分配?穴居人调试显示字形符合预期并且位置正在改变。我知道我的代码并不能完全满足我的要求(我将字形位置改为15.0f,而不是基于字符串)但是,我在哪里设置这些字形时会出错?

2 个答案:

答案 0 :(得分:3)

首先,如果您只想收紧或放松字符间距,则不需要Core Text。只需将NSKernAttributeName附加到您要调整的属性字符串部分即可。积极放松,消极收紧。 (零表示“无字距调整”,这与“默认字距调整”不同。要获取默认字距调整,请不要设置此属性。)您可以使用size上的NSAttributedString尝试不同的间距,直到您得到你想要的尺寸。

“职位”不会像你认为的那样发挥作用。位置不是屏幕坐标。它们相对于当前文本原点,即当前行的左下角。 (请记住,CoreText坐标是从UIKit坐标上下颠倒的。)在调用CGContextSetTextPosition()之前,您需要调用CGContextShowGlyphsAtPositions()CTLineDraw()CGContextShowGlyphsAtPositions()的包装器。这就是CTLineDraw()在左下角(0,0)绘制的原因。 CTFrameDraw正在左上方绘图,因为它会正确调整文本原点。

当您直接致电CGContextShowGlyphsAtPositions()时,它似乎没有任何吸引力。 catlan的回答解决了这个问题。您需要在绘制之前设置上下文的字体和颜色。

您的重新定位代码并没有真正做任何有用的事情。它将所有文本15点向右移动,但实际上并没有改变它们之间的间距。 (如果这就是你想要的那么你就可以将字符串画到右边15点。)

您当前的代码会泄漏内存。您分配positionsBufferglyphsBuffer,但这些会影响先前声明的版本。所以你最后总是打电话给free(NULL)

有关手动执行此类文本调整的完整示例,请参阅PinchTextLayer。但通过调整属性字符串中的字距调整,几乎可以肯定地解决它。

答案 1 :(得分:2)

CTLineDraw将使用CFAttributedString中的字体和颜色信息。

另一方面,

CGContextShowGlyphsAtPositions需要在CGContext

上设置这些内容
CGFontRef cgFont = CTFontCopyGraphicsFont(font, NULL);
CGContextSetFont(context, cgFont);
CGContextSetFontSize(context, CTFontGetSize(font));
CGContextSetFillColorWithColor(context, fillColor);

CGContextShowGlyphsAtPositions(context, glyphs, positions, glyphCount);

CFRelease(cgFont)