使用 Core Text 的多语言布局中的行间距

发布于 2024-11-15 19:37:36 字数 2062 浏览 2 评论 0原文

属性字符串只有一个属性 - 17 点 Helvetica NeueUI 字体 - 覆盖整个字符串。第1~3行是纯英文，第4~6行是英文和中文混合，第7~8行是纯中文。

然后使用 CTFramesetter 对其进行布局，并使用 CTFrameDraw 绘制生成的框架。

// UIView subclass
- (id)initWithFrame:(CGRect)frame
{
    self = [super initWithFrame:frame];
    if (self) {
        self.backgroundColor = [UIColor whiteColor];
        CTFontRef font = CTFontCreateWithName(CFSTR("Helvetica NeueUI"), 17.f, NULL);
        _text = [[NSAttributedString alloc] initWithString:string attributes:
                 [NSDictionary dictionaryWithObject:(id)font forKey:(id)kCTFontAttributeName]];
        CFRelease(font);
        _framesetter = CTFramesetterCreateWithAttributedString((CFAttributedStringRef)_text);
        CGMutablePathRef path = CGPathCreateMutable();
        CGPathAddRect(path, NULL, self.bounds);
        _frame = CTFramesetterCreateFrame(_framesetter, CFRangeMake(0, 0), path, NULL);
        CGPathRelease(path);
    }
    return self;
}

- (void)drawRect:(CGRect)rect
{
    CGContextRef context = UIGraphicsGetCurrentContext();
    CGContextSaveGState(context);
    // Flip the coordinate system.
    CGContextTranslateCTM(context, 0.f, self.bounds.size.height);
    CGContextScaleCTM(context, 1.f, -1.f);
    
    CGContextSetTextMatrix(context, CGAffineTransformIdentity);
    
    CTFrameDraw(_frame, context);
    CGContextRestoreGState(context);
}

问题是7号线和8号线（纯中文线路）之间的间距比其他线要小得多。

作为对比，我在其下方放置了一个 UILabel，具有相同的字体和文本。忽略单个字符的渲染差异，可以看到 UILabel 中的行间距是统一的，包括两行中文之间的最后一行。

_{（来源：skitch.com）}

通知< /strong>：上面的结果是在真实设备上获得的。如果您在模拟器上运行相同的代码，您将在核心文本视图中得到非常不同的结果 - 包含中文的行之间的空格比其他行大得多。

为什么中文行间距较小（较大）？
如何使用 Core Text 布局具有统一行高的多语言文本？

PS：这是示例项目，您可以自己尝试。

原文

The attributed string has only one attribute - 17 point Helvetica NeueUI font - covering the whole string. Line 1~3 are purely English, line 4~6 are mixtures of English and Chinese, line 7~8 are purely Chinese.

It is then layouted with CTFramesetter and resultant frame is drawn with CTFrameDraw.

// UIView subclass
- (id)initWithFrame:(CGRect)frame
{
    self = [super initWithFrame:frame];
    if (self) {
        self.backgroundColor = [UIColor whiteColor];
        CTFontRef font = CTFontCreateWithName(CFSTR("Helvetica NeueUI"), 17.f, NULL);
        _text = [[NSAttributedString alloc] initWithString:string attributes:
                 [NSDictionary dictionaryWithObject:(id)font forKey:(id)kCTFontAttributeName]];
        CFRelease(font);
        _framesetter = CTFramesetterCreateWithAttributedString((CFAttributedStringRef)_text);
        CGMutablePathRef path = CGPathCreateMutable();
        CGPathAddRect(path, NULL, self.bounds);
        _frame = CTFramesetterCreateFrame(_framesetter, CFRangeMake(0, 0), path, NULL);
        CGPathRelease(path);
    }
    return self;
}

- (void)drawRect:(CGRect)rect
{
    CGContextRef context = UIGraphicsGetCurrentContext();
    CGContextSaveGState(context);
    // Flip the coordinate system.
    CGContextTranslateCTM(context, 0.f, self.bounds.size.height);
    CGContextScaleCTM(context, 1.f, -1.f);
    
    CGContextSetTextMatrix(context, CGAffineTransformIdentity);
    
    CTFrameDraw(_frame, context);
    CGContextRestoreGState(context);
}

The problem is that the space between line 7 and 8 (purely Chinese lines) is much smaller than others.

For contrast, I put a UILabel below it, with the same font and text. Ignoring the rendering difference of single characters, you can see the line spaces in UILabel are uniform including the last one between two Chinese lines.

_{(source: skitch.com)}

Notice: this results above is got on a real device. If you run the same code on the simulator, you'll get very different result for the Core Text view — spaces between lines containing Chinese are much larger than others.

Why is the space between Chinese lines smaller(larger)?
How can I layout multi-language text with uniform line height using Core Text?

PS: here is the sample project you can try yourself.

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

紫南 2024-11-22 19:37:36

与欧洲语言中每个字母之间的间距类似，中文书写在字符之间使用狭窄的间距，尽管除了极少数情况外，它并没有观察到与单词之间较宽的间距相同的情况。（在这方面，它可能有点类似于 scriptio Continua 的一种形式。）
当使用空格时，它也是全角的。其用法的一个例子是作为敬意标记。台湾的一个现代例子是，将蒋介石称为先总统蒋公（前总统蒋公），其中前面的空格是对蒋公的尊称标记。这种用法在非常正式的信件或其他旧式文档中仍然存在。
当中文以音译形式书写时（如汉语拼音），空格用于辅助阅读。来源：http://en.wikipedia.org/wiki/Chinese_punctuation

所以这是因为中文中空格的使用与英语中有点不同。

回复收藏 0 原文

雨后咖啡店 2024-11-22 19:37:36

空格的原因取决于字符，因为在查询部分文本的尺寸时可以找到空格，但这并不能说明为什么标签会简单地忽略此问题。

然而，空间实际上是由 FrameSetter 引入的，为了实现均匀的空间，您可以使用 FrameSetter 获取换行符并使用 TypeSetter (CTTypesetterCreateWithAttributedString) 生成线条并将它们指向所需的线条距离，如<一href="https://developer.apple.com/library/ios/#documentation/StringsTextFonts/Conceptual/CoreText_Programming/Operations/Operations.html#//apple_ref/doc/uid/TP40005533-CH4-SW16" rel="nofollow ">Apple 的手动换行。正如我简要检查过的那样，这也适用于您给定的示例。

不管怎样，我只能同意这个标签的行为有点奇怪，但也没有那么糟糕，因为它看起来更好。

回复收藏 0 原文