Рисование повернутого текста на iOS создает прыгающих персонажей - PullRequest
2 голосов
/ 07 ноября 2011

Я пытаюсь нарисовать слегка повернутый текст с помощью Core Graphics на платформе iOS.Текст хорошо рендерится, когда он не вращается, но система рендеринга пытается зафиксировать пиксели для повернутого текста.

Например: если вы поворачиваете контекст Core Graphics на некоторое небольшое количество (например, на 2 градуса), а затем рисуете текст отдельносимволы будут прыгать вверх и вниз, когда Core Graphics фиксирует символы в пикселях (намеки на шрифт).Я знаю, что текст может стать размытым, если он не будет привязан к пиксельной сетке, но это приемлемо.Прыгающих персонажей нет.Итак, как я могу отключить вертикальную подсказку шрифта?Подсказка по горизонтали будет в порядке, но отключить все это тоже хорошо.


Код для пользовательского UIView:

- (void)drawRect:(CGRect)rect {
    CGContextRef context = UIGraphicsGetCurrentContext();
    [self.backgroundColor setFill];
    CGContextFillRect(context, rect);
    CGContextSaveGState(context);
    // rotate context
    CGContextTranslateCTM(context, self.bounds.size.width / 2.0, self.bounds.size.width / 2.0);
    CGContextRotateCTM(context, 2.0 * M_PI / 180.0);
    CGContextTranslateCTM(context, -self.bounds.size.width / 2.0, -self.bounds.size.width / 2.0);

    [[UIColor blackColor] setFill];
    [self.title drawInRect:[self bounds] withFont:[UIFont systemFontOfSize:15.0]];
    CGContextRestoreGState(context);
}

Результат (не совсем этого кода, но аналогично, красные линии вставлены для указания на «ошибку»):

Image of the jumping characters

1 Ответ

1 голос
/ 22 июля 2013

Единственное решение, которое я нашел, состоит в том, чтобы получить фактические пути Безье глифов с помощью Core Text и нарисовать те, которые обходят любые вертикальные намеки.Следующий фрагмент кода довольно длинный:

CGRect textRect = CGRectMake(0.0, 0.0, 300.0, 190.0);
CGContextRef context = UIGraphicsGetCurrentContext();

// Flip coordinate system vertically.
CGContextSaveGState(context);
CGFloat rectHeight = textRect.size.height;
CGContextTranslateCTM(context, 0.0, rectHeight);
CGContextScaleCTM(context, 1.0f, -1.0f);

// Positive degrees because of flip.
CGAffineTransform rotationTransform = CGAffineTransformMakeRotation(2.0 * M_PI/180.0);
CGContextConcatCTM(context, rotationTransform);


CGFloat pointSize = 15.0;
CTFontRef font = CTFontCreateUIFontForLanguage(kCTFontSystemFontType, 
                                               pointSize, 
                                               NULL);

CGContextSetTextMatrix(context, CGAffineTransformIdentity);

NSDictionary *initialAttributes = (
                                   @{
                                     (NSString *)kCTFontAttributeName            : (__bridge id)font,
                                     (NSString *)kCTForegroundColorAttributeName : (__bridge id)[UIColor blackColor].CGColor
                                     }
                                   );

NSMutableAttributedString *attributedString = 
[[NSMutableAttributedString alloc] initWithString:[self string]
                                       attributes:initialAttributes];


//
// For typesetting a frame, we should create a paragraph style.
// Includes fix for CTFramesetter’s wrong line spacing behavior.
// See Technical Q&A QA1698: “How do I work-around an issue where some lines
// in my Core Text output have extra line spacing?”
//

// Center alignment looks best when filling an ellipse.
CTTextAlignment alignment = kCTLeftTextAlignment;
CTLineBreakMode lineBreakMode = kCTLineBreakByWordWrapping;

// This is the leading in the historical sense, which is added to the point
// size but does not include it like the line height does.
CGFloat leading = 2.0;

// Still, for the fix we do need the line height.
CGFloat lineHeight = pointSize + leading;

CTParagraphStyleSetting paragraphStyleSettings[] =
{
    {
        kCTParagraphStyleSpecifierAlignment,
        sizeof(alignment),
        &alignment
    },

    {
        kCTParagraphStyleSpecifierLineBreakMode,
        sizeof(lineBreakMode),
        &lineBreakMode
    },

    // These two specifiers fix the line spacing when set to line height.
    {
        kCTParagraphStyleSpecifierMinimumLineHeight,
        sizeof(lineHeight),
        &lineHeight
    },

    {
        kCTParagraphStyleSpecifierMaximumLineHeight,
        sizeof(lineHeight),
        &lineHeight
    }

    // Very important: Do not set kCTParagraphStyleSpecifierLineSpacing too,
    // or it will be added again!
};

CTParagraphStyleRef paragraphStyle = CTParagraphStyleCreate(
                                                            paragraphStyleSettings,
                                                            sizeof(paragraphStyleSettings) / sizeof(paragraphStyleSettings[0])
                                                            );

// Apply paragraph style to entire string. This cannot be done when the
// string is empty, by the way, because attributes can only be applied to
// existing characters.
NSRange stringRange = NSMakeRange(0, [attributedString length]);

[attributedString addAttribute:(NSString *)kCTParagraphStyleAttributeName 
                         value:(__bridge id)(paragraphStyle) 
                         range:stringRange];


// Create bezier path to contain our text.
CGMutablePathRef path = CGPathCreateMutable();
CGPathAddRect(path, NULL, textRect);

CTFramesetterRef framesetter = CTFramesetterCreateWithAttributedString((__bridge CFAttributedStringRef)(attributedString));

// Range with length 0 indicates that we want to typeset until we run out of
// text or space.
CTFrameRef frame = CTFramesetterCreateFrame(
                                            framesetter, 
                                            CFRangeMake(0, 0), 
                                            path, 
                                            NULL
                                            );


CFArrayRef lines = CTFrameGetLines(frame);
CFIndex lineCount = CFArrayGetCount(lines);
CFRange range = CFRangeMake(0, 0);
CGPoint lineOrigins[lineCount];
CTFrameGetLineOrigins(frame, range, lineOrigins);

for (NSUInteger lineIndex = 0; lineIndex < lineCount; ++lineIndex)
{
    CTLineRef line = CFArrayGetValueAtIndex(lines, lineIndex);
    CGPoint lineOrigin = lineOrigins[lineIndex];
    CFArrayRef runs = CTLineGetGlyphRuns(line);
    CFIndex runCount = CFArrayGetCount(runs);

    for (NSUInteger runIndex = 0; runIndex < runCount; ++runIndex)
    {
        CTRunRef run = CFArrayGetValueAtIndex(runs, runIndex);
        CFIndex glyphCount = CTRunGetGlyphCount(run);

        CGGlyph glyphBuffer[glyphCount];
        CTRunGetGlyphs(run, range, glyphBuffer);

        CGPoint positionsBuffer[glyphCount];
        CTRunGetPositions(run, range, positionsBuffer);

        for (NSUInteger glyphIndex = 0; glyphIndex < glyphCount; ++glyphIndex)
        {
            CGGlyph glyph = glyphBuffer[glyphIndex];
            CGPoint position = positionsBuffer[glyphIndex];
            CGAffineTransform positionTransform = CGAffineTransformMakeTranslation(lineOrigin.x + position.x, 
                                                                                   lineOrigin.y + position.y);
            CGPathRef glyphPath = CTFontCreatePathForGlyph(font, glyph, &positionTransform);
            CGContextAddPath(context, glyphPath);
        }
    }
}

CGContextSetFillColorWithColor(context, [UIColor blackColor].CGColor);
CGContextFillPath(context);


CFRelease(font);
CFRelease(framesetter);

// Use specialized release function when it exists.
CGPathRelease(path);

CGContextRestoreGState(context);
...