SwiftUI中如何让Text元素高度匹配实际字符而非字体高度？

默认情况下，SwiftUI的Text元素会使用字体预设的整体高度（包含字符上下的额外空白），导致文本间间距过大。以下是几种无需手动调整负内边距的自适应解决方案：

方法一：自定义对齐指南 #

通过自定义垂直对齐规则，让文本基于实际字符的基线对齐，直接拉近文本间的有效间距：

var body: some View {
    VStack(alignment: .center, spacing: 0) {
        Text("Week")
            .font(.title2)
            .foregroundStyle(.secondary)
            .border(.red)
            .alignmentGuide(.top) { dimension in dimension[.bottom] }
        
        Text("44")
            .font(.system(size: 200))
            .minimumScaleFactor(0.1)
            .border(.red)
            .alignmentGuide(.top) { dimension in dimension[.top] - dimension[.firstTextBaseline] }
    }
}

原理：让第一个文本的底部对齐第二个文本的基线，跳过字体自带的顶部空白，实现紧凑排列且自适应字体变化。

方法二：基于字体实际高度限制Frame #

利用UIKit的UIFont计算字符的真实高度（上升值减去下降值），直接设置Text的高度为该值，从根源上移除多余空白：

extension View {
    func frameForActualFontHeight(font: UIFont) -> some View {
        // 计算字符实际占用的高度
        let actualCharacterHeight = font.ascender - font.descender
        return frame(height: actualCharacterHeight)
    }
}

var body: some View {
    VStack(spacing: 8) {
        let title2Font = UIFont.preferredFont(forTextStyle: .title2)
        Text("Week")
            .font(.title2)
            .foregroundStyle(.secondary)
            .border(.red)
            .frameForActualFontHeight(font: title2Font)
        
        let largeFont = UIFont.systemFont(ofSize: 200)
        Text("44")
            .font(.system(size: 200))
            .minimumScaleFactor(0.1)
            .border(.red)
            .frameForActualFontHeight(font: largeFont)
    }
}

优势：完全基于字体属性动态计算，适配任何字体大小、设备尺寸，无需手动参数调整。

方法三：单行文本配合基线偏移 #

对于固定单行的文本，设置lineLimit(1)后，通过动态计算的基线偏移抵消字体空白：

extension View {
    func baselineOffsetForActualFontHeight(font: UIFont) -> some View {
        // 计算需要偏移的量，抵消字体顶部空白
        let offset = (font.capHeight - font.ascender) / 2
        return baselineOffset(offset)
    }
}

var body: some View {
    VStack(spacing: 4) {
        let title2Font = UIFont.preferredFont(forTextStyle: .title2)
        Text("Week")
            .font(.title2)
            .foregroundStyle(.secondary)
            .border(.red)
            .lineLimit(1)
            .baselineOffsetForActualFontHeight(font: title2Font)
        
        let largeFont = UIFont.systemFont(ofSize: 200)
        Text("44")
            .font(.system(size: 200))
            .minimumScaleFactor(0.1)
            .border(.red)
            .lineLimit(1)
            .baselineOffsetForActualFontHeight(font: largeFont)
    }
}

原理：通过调整文本基线位置，让字符垂直居中于Text容器，减少无效空白。

内容的提问来源于stack exchange，提问作者Nicolai Henriksen