在单个UILabel中显示带水平分数线的嵌套分数的实现方案问询

嘿，这个需求我之前帮开发者处理过好几次，单个UILabel里实现带水平分数线的分数还支持嵌套，确实得选对路子才行，给你几个靠谱的实现方案：

方案一：Core Text 自定义排版（最灵活，完美支持嵌套） #

这是最彻底的解决方案，Core Text允许你直接控制文本的字形布局、基线偏移和自定义绘制（比如分数线），完全能搞定嵌套分数的复杂场景。

具体思路：

• 把分数拆解成「分子」「分数线」「分母」三个部分，嵌套分数的话就递归处理每个子分数；
• 用CTRunDelegate来调整分子/分母的基线位置，让分子上移、分母下移；
• 在分子和分母之间绘制一条自定义的水平横线，作为分数线（可以通过Core Text的绘制回调，或者在drawRect里手动绘制）；
• 组合所有部分的NSAttributedString，用Core Text渲染到UILabel的内容区域。

举个简单的代码片段（Swift）：

// 生成单个分数的AttributedString
func attributedStringForFraction(numerator: NSAttributedString, denominator: NSAttributedString, baseFont: UIFont) -> NSAttributedString {
    let fractionScale: CGFloat = 0.6
    let lineHeight = baseFont.capHeight * 0.1 // 分数线粗细
    
    // 调整分子/分母的字体大小（如果是嵌套分数，会递归继承缩放比例）
    let adjustAttrs: [NSAttributedString.Key: Any] = [
        .font: baseFont.withSize(baseFont.pointSize * fractionScale)
    ]
    let scaledNumerator = NSMutableAttributedString(attributedString: numerator)
    scaledNumerator.addAttributes(adjustAttrs, range: NSRange(location: 0, length: scaledNumerator.length))
    let scaledDenominator = NSMutableAttributedString(attributedString: denominator)
    scaledDenominator.addAttributes(adjustAttrs, range: NSRange(location: 0, length: scaledDenominator.length))
    
    // 设置基线偏移
    scaledNumerator.addAttribute(.baselineOffset, value: baseFont.capHeight * 0.5, range: NSRange(location: 0, length: scaledNumerator.length))
    scaledDenominator.addAttribute(.baselineOffset, value: -baseFont.capHeight * 0.5, range: NSRange(location: 0, length: scaledDenominator.length))
    
    // 分数线：用细横线字符，调整样式
    let lineAttrs: [NSAttributedString.Key: Any] = [
        .font: UIFont.systemFont(ofSize: lineHeight),
        .foregroundColor: UIColor.black
    ]
    let lineStr = NSAttributedString(string: "—", attributes: lineAttrs)
    
    // 组合所有部分，添加间距避免拥挤
    let combined = NSMutableAttributedString()
    combined.append(scaledNumerator)
    combined.append(NSAttributedString(string: " ", attributes: [.kern: 1]))
    combined.append(lineStr)
    combined.append(NSAttributedString(string: " ", attributes: [.kern: 1]))
    combined.append(scaledDenominator)
    
    return combined
}

// 嵌套调用示例：分子是3/4，分母是5
let simpleFraction = attributedStringForFraction(
    numerator: NSAttributedString(string: "3"),
    denominator: NSAttributedString(string: "4"),
    baseFont: UIFont.systemFont(ofSize: 16)
)
let nestedFraction = attributedStringForFraction(
    numerator: simpleFraction,
    denominator: NSAttributedString(string: "5"),
    baseFont: UIFont.systemFont(ofSize: 16)
)
// 直接赋值给UILabel的attributedText
yourLabel.attributedText = nestedFraction

方案二：NSAttributedString 基线调整 + 自定义下划线（易上手，支持嵌套） #

如果不想碰Core Text的复杂逻辑，用NSAttributedString的基线偏移和自定义下划线也能搞定，适合大多数场景。

具体思路：

• 分子使用NSBaselineOffsetAttributeName向上偏移，分母向下偏移，字体缩小到主体的60%-70%；
• 用NSUnderlineStyleAttributeName结合NSUnderlineColorAttributeName给中间的占位符文本加下划线，模拟分数线；
• 嵌套时递归生成子分数的AttributedString，再作为父分数的分子/分母拼接。

方案三：Unicode特殊字符（局限性大，不支持嵌套） #

如果只是简单的固定分数（比如½、⅓），可以直接用Unicode预定义的分数字符，但这个方案完全不支持自定义分子分母和嵌套，只能作为补充提一下。

字体与间距建议 #

• 字体选择：用系统字体（比如San Francisco）就足够，保证分子/分母的字体大小是主体字体的60%-70%，比例协调；
• 分数线：粗细设为主体字体高度的10%左右，颜色和文本一致；
• 间距：分子和分数线、分数线和分母之间的间距可以通过NSKernAttributeName（字符间距）调整，一般设为1-2pt，避免拥挤。

内容的提问来源于stack exchange，提问作者Gleb Koval