UIPickerView选中指定行时如何隐藏Picker并显示键盘供TextField输入

前置配置 #

首先确认当前控制器需要遵守3个协议，基础属性定义如下：

class YourViewController: UIViewController, UIPickerViewDataSource, UIPickerViewDelegate, UITextFieldDelegate {
    // 你已定义的数据源
    var emailPickers:[String] = ["naver.com", "hanmail.net", "daum.net", "gmail.com", "nate.com", "input by myself"]
    // 用于输入/展示邮箱后缀的输入框
    @IBOutlet weak var emailSuffixTextField: UITextField!
    // 邮箱后缀选择器
    private let emailPicker = UIPickerView()
}

步骤1：初始化控件绑定 #

在viewDidLoad中完成初始状态配置：

override func viewDidLoad() {
    super.viewDidLoad()
    // 绑定选择器的代理和数据源
    emailPicker.dataSource = self
    emailPicker.delegate = self
    // 初始状态下输入框的输入视图设为选择器，点击默认弹出选择器而非键盘
    emailSuffixTextField.inputView = emailPicker
    emailSuffixTextField.delegate = self
    
    // 可选优化：给输入框加顶部工具栏，方便快速确认选择
    let toolBar = UIToolbar(frame: CGRect(x: 0, y: 0, width: view.frame.width, height: 44))
    let doneBtn = UIBarButtonItem(title: "完成", style: .done, target: self, action: #selector(doneSelect))
    let spaceItem = UIBarButtonItem(barButtonSystemItem: .flexibleSpace, target: nil, action: nil)
    toolBar.items = [spaceItem, doneBtn]
    emailSuffixTextField.inputAccessoryView = toolBar
}

// 工具栏完成按钮点击回调
@objc private func doneSelect() {
    emailSuffixTextField.resignFirstResponder()
}

步骤2：实现选择器核心逻辑 #

完成选择器的数据源、代理方法，核心判断选中自定义输入项的逻辑：

// 选择器列数，此处仅需1列
func numberOfComponents(in pickerView: UIPickerView) -> Int {
    return 1
}

// 每列的行数
func pickerView(_ pickerView: UIPickerView, numberOfRowsInComponent component: Int) -> Int {
    return emailPickers.count
}

// 每行展示的文本
func pickerView(_ pickerView: UIPickerView, titleForRow row: Int, forComponent component: Int) -> String? {
    return emailPickers[row]
}

// 核心：选中行的回调逻辑
func pickerView(_ pickerView: UIPickerView, didSelectRow row: Int, inComponent component: Int) {
    if row == 5 {
        // 选中自定义输入项：清空自定义输入视图，自动切换为系统默认键盘
        emailSuffixTextField.inputView = nil
        // 刷新输入视图配置
        emailSuffixTextField.reloadInputViews()
        // 保持输入框第一响应状态，直接弹出键盘
        emailSuffixTextField.becomeFirstResponder()
        // 可选：清空原有内容方便用户直接输入
        emailSuffixTextField.text = ""
    } else {
        // 选中预设后缀，直接赋值给输入框
        emailSuffixTextField.text = emailPickers[row]
    }
}

可选扩展：恢复选择器调用 #

如果需要用户清空输入后重新调出选择器，可以实现输入框清空回调逻辑：

// 点击输入框清空按钮时恢复选择器作为输入视图
func textFieldShouldClear(_ textField: UITextField) -> Bool {
    if textField == emailSuffixTextField {
        textField.inputView = emailPicker
        textField.reloadInputViews()
    }
    return true
}

注意：如果是纯代码创建控件，只要保证TextField和UIPickerView的初始化、布局添加逻辑正确，上述核心逻辑无需改动。

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