SwiftUI中TextField输入时覆盖默认值的实现方案咨询

这个需求完全可行，下面是几种具体的实现思路：

思路一：手动维护文本绑定+输入监听 #

这种方式通过SwiftUI原生状态变量和回调控制输入逻辑，实现直观简洁：

1. 定义核心状态：

   • 用@State存储格式化后的显示文本（初始值设为"00:00.0"）
   • 维护数字序列数组，对应格式中的每个数字位（比如["0","0","0","0","0"]对应00:00.0的5个数字位）

2. 配置TextField并监听输入：

   • 绑定TextField到显示文本，设置键盘类型为numberPad避免非数字输入
   • 通过onChange回调过滤无效输入，提取新增数字后，按照从右到左的顺序替换数字序列中的对应位置，最后重新格式化为带冒号和小数点的字符串更新状态

核心代码片段：

struct ContentView: View {
    @State private var displayText = "00:00.0"
    private let digitCount = 5 // 对应00:00.0的5个数字位

    var body: some View {
        TextField("时间", text: $displayText)
            .keyboardType(.numberPad)
            .onChange(of: displayText) { newValue in
                let inputDigits = newValue.filter { $0.isNumber }.map { String($0) }
                guard inputDigits.count <= digitCount else {
                    displayText = formatDigits(Array(repeating: "0", count: digitCount))
                    return
                }
                
                var updatedDigits = Array(repeating: "0", count: digitCount)
                // 从右到左填充输入的数字
                for (index, digit) in inputDigits.enumerated() {
                    updatedDigits[digitCount - inputDigits.count + index] = digit
                }
                displayText = formatDigits(updatedDigits)
            }
    }

    private func formatDigits(_ digits: [String]) -> String {
        "\(digits[0])\(digits[1]):\(digits[2])\(digits[3]).\(digits[4])"
    }
}

思路二：封装UITextField（UIViewRepresentable） #

对于更精细的输入控制，封装UIKit的UITextField是更可靠的方案，通过代理直接拦截输入事件：

1. 创建UIViewRepresentable结构体：

   • 定义@Binding变量绑定显示文本
   • 实现makeUIView方法创建UITextField，设置键盘类型和代理
   • 实现updateUIView方法同步状态到UITextField

2. 实现代理逻辑：

   • 在textField(_:shouldChangeCharactersIn:replacementString:)方法中，拒绝非数字输入
   • 处理数字输入时，提取当前文本的数字序列，按从右到左规则替换对应位置，手动更新UITextField的文本并返回false阻止系统默认行为

核心代码片段：

struct TimeTextField: UIViewRepresentable {
    @Binding var text: String
    private let digitCount = 5

    func makeUIView(context: Context) -> UITextField {
        let textField = UITextField()
        textField.keyboardType = .numberPad
        textField.delegate = context.coordinator
        textField.text = text
        return textField
    }

    func updateUIView(_ uiView: UITextField, context: Context) {
        if uiView.text != text {
            uiView.text = text
        }
    }

    func makeCoordinator() -> Coordinator {
        Coordinator(self)
    }

    class Coordinator: NSObject, UITextFieldDelegate {
        let parent: TimeTextField

        init(_ parent: TimeTextField) {
            self.parent = parent
        }

        func textField(_ textField: UITextField, shouldChangeCharactersIn range: NSRange, replacementString string: String) -> Bool {
            guard string.allSatisfy({ $0.isNumber }) else { return false }
            
            var currentDigits = textField.text?.filter { $0.isNumber }.map { String($0) } ?? []
            currentDigits = Array(repeating: "0", count: parent.digitCount - currentDigits.count) + currentDigits
            
            if !string.isEmpty {
                // 新增数字：从右到左替换
                currentDigits.removeLast()
                currentDigits.insert(string, at: 0)
            } else {
                // 删除数字：从右到左恢复为0
                currentDigits.removeFirst()
                currentDigits.append("0")
            }
            
            parent.text = parent.formatDigits(currentDigits)
            return false
        }
    }

    private func formatDigits(_ digits: [String]) -> String {
        "\(digits[0])\(digits[1]):\(digits[2])\(digits[3]).\(digits[4])"
    }
}

// 使用示例
struct ContentView: View {
    @State private var timeText = "00:00.0"
    
    var body: some View {
        TimeTextField(text: $timeText)
    }
}

思路三：自定义Formatter #

通过自定义Formatter子类，将输入数字转换为指定格式，适合需要和SwiftUI输入系统深度集成的场景：

1. 创建自定义Formatter：

   • 重写string(for:)方法，将内部数字序列转换为格式化字符串
   • 重写getObjectValue(_:for:errorDescription:)方法，解析用户输入文本，按覆盖规则更新数字序列

2. 在TextField中使用：

   • 将TextField的formatter参数设置为自定义Formatter，绑定到存储数字序列的变量

这种方式需要处理Formatter的解析逻辑，复杂度稍高，但能更好地兼容系统输入验证流程。

内容的提问来源于stack exchange，提问作者J. Holliday