ios - 使用核心文本布置单个字形

我目前正在针对iOS 6.1 SDK编写应用程序。我知道iOS 7中的某些功能可能会消除对我的问题的解决方案的需求，但是出于学习的目的，我还是要问。

该应用程序将包含一个表格 View 和自定义表格 View 单元。我希望单元格contentView的唯一 subview 是具有使用Core Text绘制的NSAttributedString的自定义 View 。由于每个单元格的字符串会有所不同，因此字形的位置需要取决于字形的数量(即，较长的字符串在字形之间的可见空间会更少)。字体的大小和物理范围必须保持相同，只是字形的位置会有所不同。

我有以下代码，无论出于何种原因都没有达到我的期望。

这是BMPTeamNameView的.h-自定义 View (contentView的 subview )

@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，而不是基于字符串)，但是在布局这些字形时我在哪里出错？

最佳答案

首先，如果您只想缩小或缩小字符间距，则不需要“核心文字”。只需将NSKernAttributeName附加到您要调整的属性字符串的部分即可。正面为松动，负面为收紧。 (零表示“无字距”，与“默认字距”不同。要获得默认字距，请不要设置此属性。)可以在size上使用NSAttributedString尝试不同的间距，直到获得所需的大小为止。

“位置”并不像您认为的那样起作用。位置不是屏幕坐标。它们是相对于当前文本原点的，该文本原点是当前行的左下角。 (请记住，CoreText坐标相对于UIKit坐标是上下颠倒的。)您需要先调用CGContextSetTextPosition()，然后再调用CGContextShowGlyphsAtPositions()。 CTLineDraw()是CGContextShowGlyphsAtPositions()的包装。这就是CTLineDraw()在左下角(0,0)绘制的原因。 CTFrameDraw在左上方绘制，因为它可以正确调整文本原点。

当您直接调用CGContextShowGlyphsAtPositions()时，看起来好像什么也没画。卡特兰的答案解决了这个问题。在绘制之前，您需要设置上下文的字体和颜色。

您的重新定位代码实际上并没有做任何有用的事情。它将所有文本向右移动15个点，但实际上并没有改变它们之间的间距。 (如果这就是您想要的，那么您只需将字符串向右绘制15个点即可。)

您当前的代码泄漏内存。您分配了positionsBuffer和glyphsBuffer，但是它们掩盖了先前声明的版本。因此，您始终总是在最后调用free(NULL)。

有关手动进行这种文本调整的完整示例，请参见PinchTextLayer。但是几乎可以肯定的是，通过调整属性字符串的字距调整可以更好地解决该问题。

关于ios - 使用核心文本布置单个字形，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/18792851/