如何实现文本自适应TextEditor框架动态缩放显示？

核心思路 #

通过动态计算文本在指定200×200框架内的显示尺寸，逐步调整字号，直到文本完全适配固定区域，无需滚动即可完整展示。

SwiftUI实现方案 #

步骤1：定义状态与固定框架 #

用@State存储当前字号和输入文本，通过frame(width:200, height:200)锁定TextEditor的尺寸。

步骤2：监听文本变化，动态适配字号 #

通过onChange监听文本内容变更，调用计算方法找到最大的适配字号，确保文本刚好填满固定区域。

关键计算逻辑 #

借助UILabel的sizeThatFits方法测量不同字号下的文本显示尺寸，从初始字号开始逐步缩小，直到文本宽高均不超过固定框架的限制。

完整代码示例 #

import SwiftUI

struct AutoScalingTextEditorView: View {
    @State private var text = ""
    @State private var fontSize: CGFloat = 16 // 初始默认字号
    private let fixedFrameSize = CGSize(width: 200, height: 200)
    
    var body: some View {
        TextEditor(text: $text)
            .frame(width: fixedFrameSize.width, height: fixedFrameSize.height)
            .border(.gray) // 显示边框，便于确认固定区域范围
            .font(.system(size: fontSize))
            .onChange(of: text) { _ in
                adjustFontToFitFrame()
            }
            .onAppear {
                adjustFontToFitFrame() // 初始加载时执行一次适配
            }
    }
    
    private func adjustFontToFitFrame() {
        guard !text.isEmpty else {
            fontSize = 16 // 空文本时恢复初始字号
            return
        }
        
        let measurementLabel = UILabel()
        measurementLabel.text = text
        measurementLabel.numberOfLines = 0 // 允许多行换行
        measurementLabel.lineBreakMode = .byWordWrapping
        
        var currentTestSize = fontSize
        var largestValidSize: CGFloat = 0
        
        // 从当前字号往下遍历，找到最大适配字号
        while currentTestSize > 8 { // 设置最小字号下限，避免文本过小
            measurementLabel.font = .system(size: currentTestSize)
            let textDisplaySize = measurementLabel.sizeThatFits(fixedFrameSize)
            
            if textDisplaySize.width <= fixedFrameSize.width && textDisplaySize.height <= fixedFrameSize.height {
                largestValidSize = currentTestSize
                break
            }
            currentTestSize -= 0.5 // 步长可调整，精度越高适配越精准
        }
        
        fontSize = largestValidSize > 0 ? largestValidSize : 8 // 确保不低于最小字号
    }
}

struct AutoScalingTextEditorView_Previews: PreviewProvider {
    static var previews: some View {
        AutoScalingTextEditorView()
    }
}

代码说明 #

• fixedFrameSize：明确TextEditor的固定宽高为200×200
• adjustFontToFitFrame：核心适配方法，通过UILabel模拟文本显示尺寸，动态调整字号
• 设置最小字号为8，避免文本过小影响可读性
• onChange和onAppear分别处理文本输入变化和初始加载时的适配逻辑

UIKit实现思路（可选） #

如果使用UITextView，可按以下方式实现：

1. 设置UITextView的固定frame为CGRect(x: 0, y: 0, width: 200, height: 200)
2. 监听UITextViewTextDidChange通知，在回调中执行字号适配逻辑
3. 同样利用UILabel的sizeThatFits测量文本尺寸，调整UITextView的font属性

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