使用核心文本放置单个字形

我目前正在编写针对iOS 6.1 SDK的应用程序。 我知道iOS 7中的一些东西可能会避免需要解决我的问题,但为了学习,我仍然会问。

该应用程序将包含一个表格视图和自定义表格视图单元格。 我希望单元格内容视图的唯一子视图是使用核心文本绘制的具有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矩形的文本矩形的插页以及要使用的字体。

最初在我的自定义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,而不是基于字符串),但是,我在哪里错误地设置这些字形?


首先,如果您只想要拧紧或放宽字符间距,则不需要Core Text。 只需将NSKernAttributeName附加到要调整的属性字符串部分即可。 积极放松,负面收紧。 (0表示“不需要kerning”,它与“默认kerning”不同)。要获得默认kerning,请不要设置此属性。)可以使用NSAttributedString上的size尝试不同的间距,直到获得所需的大小。

“职位”不符合你认为他们的工作方式。 位置不是屏幕坐标。 它们与当前文本原点相关,即当前行的左下角。 (请记住,CoreText坐标与UIKit坐标是颠倒的。)您需要在调用CGContextSetTextPosition()之前调用CGContextShowGlyphsAtPositions()CTLineDraw()CGContextShowGlyphsAtPositions()的封装。 这就是CTLineDraw()在左下角(0,0)绘图的原因。 CTFrameDraw正在左上方绘制,因为它可以正确调整文本原点。

当你直接调用CGContextShowGlyphsAtPositions() ,它看起来没有任何绘制。 卡特兰的回答解决了这个问题。 您需要在绘制之前设置上下文的字体和颜色。

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

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

有关手动进行这种文本调整的完整示例,请参阅PinchTextLayer。 但通过调整属性字符串中的字距可以更好地解决它。


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)
链接地址: http://www.djcxy.com/p/14377.html

上一篇: Laying out individual glyphs with Core Text

下一篇: CTFrame clipping first line of text