macOS下如何在TextField输入时强制转换为大写字符？

为什么之前的方法无效 #

• .textCase(.uppercase) 修饰符仅对iOS/iPadOS的SwiftUI TextField生效，macOS下该修饰符不会改变输入框的实时显示行为。
• 你参考的方案如果基于iOS的Binding逻辑，未考虑macOS TextField的底层行为差异，因此无法生效。

可行方案一：自定义Binding实时转换大写 #

通过自定义Binding，在每次输入时强制将内容转换为大写，确保显示和存储的字符一致：

struct ContentView: View {
    @State private var name = "PAUL"

    var body: some View {
        TextField("输入你的名字（自动大写）", text: Binding(
            get: { self.name },
            set: { self.name = $0.uppercased() }
        ))
        .textFieldStyle(.roundedBorder)
        .padding(.horizontal)
    }
}

可行方案二：基于AppKit定制原生文本框 #

如果需要更流畅的实时输入体验（每输入一个字符立即转为大写），可以通过AppKit的NSTextField子类实现：

1. 创建自定义NSTextField子类

class UppercaseTextField: NSTextField {
    override func textDidChange(_ notification: Notification) {
        super.textDidChange(notification)
        guard let currentText = self.stringValue else { return }
        self.stringValue = currentText.uppercased()
        // 保持光标在输入末尾，避免转换时光标跳回开头
        if let editor = self.currentEditor() {
            let range = NSRange(location: currentText.count, length: 0)
            editor.selectedRange = range
        }
    }
}

2. 用NSViewRepresentable包装为SwiftUI组件

struct UppercaseTextFieldView: NSViewRepresentable {
    @Binding var text: String
    let placeholder: String

    func makeNSView(context: Context) -> UppercaseTextField {
        let textField = UppercaseTextField()
        textField.placeholderString = placeholder
        textField.delegate = context.coordinator
        textField.stringValue = text
        return textField
    }

    func updateNSView(_ nsView: UppercaseTextField, context: Context) {
        if nsView.stringValue != text {
            nsView.stringValue = text.uppercased()
        }
    }

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

    class Coordinator: NSObject, NSTextFieldDelegate {
        var parent: UppercaseTextFieldView

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

        func controlTextDidChange(_ obj: Notification) {
            guard let textField = obj.object as? NSTextField else { return }
            parent.text = textField.stringValue.uppercased()
        }
    }
}

3. 在ContentView中使用

struct ContentView: View {
    @State private var name = "PAUL"

    var body: some View {
        UppercaseTextFieldView(text: $name, placeholder: "输入你的名字（自动大写）")
            .textFieldStyle(.roundedBorder)
            .padding(.horizontal)
    }
}

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