Question

An image clarifying things

如何更改CTFramesetter框架中文本的垂直对齐方式？我希望我的文字在中间而不是在顶部。我正在使用Core Text框架。段落的设置可以改变水平对齐但不是垂直的。

Answer 1

终于想通了......

CGRect boundingBox = CTFontGetBoundingBox(font);

//Get the position on the y axis
float midHeight = self.frame.size.height / 2;
midHeight -= boundingBox.size.height / 2;

CGPathAddRect(path, NULL, CGRectMake(0, midHeight, self.frame.size.width, boundingBox.size.height));

Answer 2

谢谢尼克，这是一个很棒的片段。

只要扩展一下，如果你使用枚举进行顶部，中部和底部对齐，例如你可以这样做：

if (VerticalAlignmentTop == currentTextAlignment) {
    CGPathAddRect(path, NULL, rect); // Draw normally (top)
}
else if (VerticalAlignmentMiddle == currentTextAlignment) {
    CGRect boundingBox = CTFontGetBoundingBox(fontRef);

    //Get the position on the y axis (middle)
    float midHeight = rect.size.height / 2;
    midHeight -= boundingBox.size.height / 2;

    CGPathAddRect(path, NULL, CGRectMake(0, midHeight, rect.size.width, boundingBox.size.height));  
}
else {
    CGRect boundingBox = CTFontGetBoundingBox(fontRef);

    CGPathAddRect(path, NULL, CGRectMake(0, 0, rect.size.width, boundingBox.size.height));  
}

Answer 3

您可以使用[NSString boundingRectWithSize：options：attributes：context：]来获取字符串边界框的矩形，这也允许使用多行文本。在绘图文本方法中，执行以下操作（RECT是您要绘制文本的矩形）：

// get the graphics context
CGContextRef context = UIGraphicsGetCurrentContext();
CGContextSaveGState(context);

// flip the context coordinate
CGContextTranslateCTM(context, 0.0f, 2*RECT.origin.y+RECT.size.height);
CGContextScaleCTM(context, 1.0f, -1.0f);

// Set the text matrix.
CGContextSetTextMatrix(context, CGAffineTransformIdentity);

// set text horizontal alignment
NSMutableParagraphStyle *paragraphStyle = [[NSMutableParagraphStyle alloc] init];
paragraphStyle.alignment = NSTextAlignmentCenter;

NSDictionary *attributes = @{NSParagraphStyleAttributeName:paragraphStyle, NSFontAttributeName:YOUR_FONT, NSForegroundColorAttributeName:TEXT_COLOR};
NSAttributedString *attrString = [[NSAttributedString alloc] initWithString:YOUR_TEXT attributes:attributes];

CGMutablePathRef path = CGPathCreateMutable();

// set text vertical alignment
CGSize textSize = [text boundingRectWithSize:RECT.size options:NSStringDrawingUsesLineFragmentOrigin attributes:attributes context:nil].size;
CGPathAddRect(path, NULL, CGRectMake(RECT.origin.x, RECT.origin.y-(RECT.size.height-textSize.height)/2.0f, RECT.size.width, RECT.size.height));

CTFramesetterRef frameSetter = CTFramesetterCreateWithAttributedString((CFAttributedStringRef)attrString);
CTFrameRef frame = CTFramesetterCreateFrame(frameSetter, CFRangeMake(0, attrString.length), path, NULL);
CTFrameDraw(frame, context);

CFRelease(frame);
CFRelease(path);
CFRelease(frameSetter);

[attrString release];
[paragraphStyle release];

CGContextRestoreGState(context);

Answer 4

这说明了可以在一个框架中使用多种字体类型和样式（计算文本的高度和宽度，查看if(index == lastLineIndex)块以查看高度的计算位置）：

- (CGSize) measureFrame: (CTFrameRef) frame forContext: (CGContext *) cgContext
{
    CGPathRef framePath = CTFrameGetPath(frame);
    CGRect frameRect = CGPathGetBoundingBox(framePath);

    CFArrayRef lines = CTFrameGetLines(frame);
    CFIndex numLines = CFArrayGetCount(lines);

    CGFloat maxWidth = 0;
    CGFloat textHeight = 0;

    // Now run through each line determining the maximum width of all the lines.
    // We special case the last line of text. While we've got it's descent handy,
    // we'll use it to calculate the typographic height of the text as well.

    CFIndex lastLineIndex = numLines - 1;
    for(CFIndex index = 0; index < numLines; index++)
    {
        CGFloat ascent, descent, leading, width;
        CTLineRef line = (CTLineRef) CFArrayGetValueAtIndex(lines, index);
        width = CTLineGetTypographicBounds(line, &ascent,  &descent, &leading);

        if(width > maxWidth)
        {
            maxWidth = width;
        }

        if(index == lastLineIndex)
        {
            // Get the origin of the last line. We add the descent to this
            // (below) to get the bottom edge of the last line of text.

            CGPoint lastLineOrigin;
            CTFrameGetLineOrigins(frame, CFRangeMake(lastLineIndex, 1), &lastLineOrigin);

            // The height needed to draw the text is from the bottom of the last line
            // to the top of the frame.

            textHeight =  CGRectGetMaxY(frameRect) - lastLineOrigin.y + descent;
        }
    }

    // For some text the exact typographic bounds is a fraction of a point too
    // small to fit the text when it is put into a context. We go ahead and round
    // the returned drawing area up to the nearest point.  This takes care of the
    // discrepencies.

    return CGSizeMake(ceil(maxWidth), ceil(textHeight));
}

参考：Scott Thompson（http://lists.apple.com/archives/quartz-dev/2008/Mar/msg00079.html）

垂直对齐核心文本？

4 个答案: