如何在SwiftUI中封装UITextField实现键盘语言切换并支持Focus

1. 保留原UIKit核心实现 #

原有的键盘语言切换逻辑可以直接复用，它通过重写textInputMode指定目标键盘，在language属性变更时重新触发第一响应者状态完成切换：

import UIKit

class WordTextField: UITextField {
    var language: String? {
        didSet {
            if isFirstResponder {
                resignFirstResponder()
                becomeFirstResponder()
            }
        }
    }
    
    override var textInputMode: UITextInputMode? {
        guard let language = language else { return super.textInputMode }
        return UITextInputMode.activeInputModes.first {
            $0.primaryLanguage == language
        } ?? super.textInputMode
    }
}

2. SwiftUI包装器实现 #

通过UIViewRepresentable将UIKit组件封装为SwiftUI可用的视图，实现文本、语言、焦点状态的双向绑定，同时通过Coordinator处理代理事件同步状态：

import SwiftUI

struct SwiftUIWordTextField: UIViewRepresentable {
    @Binding var text: String
    @Binding var language: String?
    @Binding var isFocused: Bool
    
    func makeUIView(context: Context) -> WordTextField {
        let textField = WordTextField()
        textField.delegate = context.coordinator
        return textField
    }
    
    func updateUIView(_ uiView: WordTextField, context: Context) {
        // 同步文本内容
        if uiView.text != text {
            uiView.text = text
        }
        // 同步键盘语言设置
        if uiView.language != language {
            uiView.language = language
        }
        // 同步焦点状态，控制键盘显示/收起
        if isFocused != uiView.isFirstResponder {
            isFocused ? uiView.becomeFirstResponder() : uiView.resignFirstResponder()
        }
    }
    
    func makeCoordinator() -> Coordinator {
        Coordinator(parent: self)
    }
    
    class Coordinator: NSObject, UITextFieldDelegate {
        var parent: SwiftUIWordTextField
        
        init(parent: SwiftUIWordTextField) {
            self.parent = parent
        }
        
        // 同步文本输入变化到SwiftUI状态
        func textFieldDidChangeSelection(_ textField: UITextField) {
            parent.text = textField.text ?? ""
        }
        
        // 同步焦点变化到SwiftUI状态
        func textFieldDidBeginEditing(_ textField: UITextField) {
            parent.isFocused = true
        }
        
        func textFieldDidEndEditing(_ textField: UITextField) {
            parent.isFocused = false
        }
    }
}

3. 使用示例 #

在SwiftUI视图中，通过FocusState程序化控制键盘显示/收起，同时绑定BCP语言代码实现键盘切换：

struct ContentView: View {
    @State private var inputText = ""
    @State private var keyboardLanguage: String? = "de-DE"
    @FocusState private var isTextFieldFocused: Bool
    
    var body: some View {
        VStack(spacing: 20) {
            SwiftUIWordTextField(
                text: $inputText,
                language: $keyboardLanguage,
                isFocused: $isTextFieldFocused
            )
            .padding()
            .border(.gray)
            
            Button("切换到英语键盘") {
                keyboardLanguage = "en-US"
            }
            
            Button("切换到法语键盘") {
                keyboardLanguage = "fr-FR"
            }
            
            Button(isTextFieldFocused ? "收起键盘" : "弹出键盘") {
                isTextFieldFocused.toggle()
            }
        }
        .padding()
    }
}

注意事项 #

• 确保设备已添加目标语言的键盘，否则切换逻辑会 fallback 到系统默认键盘
• 语言代码需使用标准BCP 47格式（如"zh-CN"、"ja-JP"）

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