SwiftUI技术问题：如何获取Text组件的宽度？

核心问题解决：如何获取文本宽度 #

SwiftUI的Text组件尺寸依赖布局流程，无法直接通过extension同步获取。针对你的需求，推荐两种方案：

方案1：用CoreText预计算文本宽度（推荐用于预计算场景） #

无需渲染视图，直接通过CoreText框架计算指定字体下的文本宽度，适合快速推算最大字号：

1. 实现SwiftUI Font到CTFont的转换

extension Font {
    func toCTFont() -> CTFont {
        let nsFont = self as NSFont
        return CTFontCreateWithName(nsFont.fontName as CFString, nsFont.pointSize, nil)
    }
}

2. 编写文本宽度计算函数

func calculateTextWidth(_ text: String, font: CTFont) -> CGFloat {
    let attributes = [kCTFontAttributeName: font] as CFDictionary
    let attributedString = NSAttributedString(string: text, attributes: attributes as [NSAttributedString.Key: Any])
    let line = CTLineCreateWithAttributedString(attributedString)
    return CTLineGetTypographicBounds(line, nil, nil, nil).width
}

方案2：用PreferenceKey捕获已渲染Text的尺寸 #

如果你需要获取界面上已渲染Text的实际尺寸，可以用偏好键捕获：

1. 定义尺寸偏好键

struct TextSizePreferenceKey: PreferenceKey {
    static var defaultValue: CGSize = .zero
    static func reduce(value: inout CGSize, nextValue: () -> CGSize) {}
}

2. 添加捕获尺寸的视图修饰符

extension View {
    func captureSize(in binding: Binding<CGSize>) -> some View {
        self.background(
            GeometryReader { proxy in
                Color.clear
                    .preference(key: TextSizePreferenceKey.self, value: proxy.size)
            }
        )
        .onPreferenceChange(TextSizePreferenceKey.self) { size in
            binding.wrappedValue = size
        }
    }
}

3. 在视图中使用

// 在AnotherView中添加绑定捕获尺寸
struct AnotherView: View {
    var string: String
    var font: Font
    @Binding var textSize: CGSize // 新增绑定
    
    var body: some View {
        HStack {
            VStack(alignment: .leading) {
                Text(string)
                    .lineLimit(1)
                    .font(font)
                    .captureSize(in: $textSize) // 捕获尺寸
                Spacer(minLength: 0)
                Text("🌍")
                    .font(.largeTitle)
            }
            Spacer(minLength: 0)
        }
        .foregroundColor(.white)
        .padding(16)
        .background { Color.red }
    }
}

高效计算最大单行字号 #

用二分查找替代你原来的循环递减逻辑，大幅提升计算效率，同时考虑视图的padding扣除：

func maximumFontSizeThatFitsOnOneLine(for text: String, baseFont: Font, maxWidth: CGFloat) -> CGFloat {
    guard !text.isEmpty else { return 200 } // 空文本返回预设最大字号
    
    var low: CGFloat = 10
    var high: CGFloat = 200 // 预设足够大的上限值
    var bestSize: CGFloat = 10
    
    // 二分查找，精度控制在0.1
    while high - low > 0.1 {
        let midSize = (low + high) / 2
        let adjustedFont = baseFont.size(midSize)
        let ctFont = adjustedFont.toCTFont()
        let textWidth = calculateTextWidth(text, font: ctFont)
        
        if textWidth <= maxWidth {
            bestSize = midSize
            low = midSize
        } else {
            high = midSize
        }
    }
    
    return ceil(bestSize) // 向上取整，符合字号使用习惯
}

修改你的代码适配方案 #

调整EditView中的字体模板和字号范围计算，注意扣除AnotherView的padding：

struct EditView: View {
    @State private var string: String = "Hello, world!"
    @State private var fontSize: CGFloat = 20
    @State private var fontWeight: Font.Weight = .regular
    @State private var fontWidth: Font.Width = .standard
    @State private var fontDesign: Font.Design = .default
    
    let squareWidth: CGFloat = 150
    private let textPadding: CGFloat = 32 // 对应AnotherView的左右16*2 padding
    
    // 不带尺寸的基础字体模板
    var baseFontTemplate: Font {
        Font.system(weight: fontWeight, design: fontDesign).width(fontWidth)
    }
    
    var fontSizeRange: ClosedRange<CGFloat>  {
        let availableWidth = squareWidth - textPadding
        let upperBound = maximumFontSizeThatFitsOnOneLine(for: string, baseFont: baseFontTemplate, maxWidth: availableWidth)
        return 10...upperBound
    }
    
    var font: Font {
        baseFontTemplate.size(fontSize)
    }
    
    // ... 其余代码不变
}

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