点击UITextField时为UIPickerView设置默认值并同步至文本框

我完全懂你的需求——默认让文本框显示占位符“Location”，一旦用户点击文本框弹出选择器，就直接把选择器的第一个选项同步显示在文本框里，不用用户手动滚动触发。咱们来一步步调整你的代码：

问题根源 #

你当前的代码里，只有用户手动滚动选择器触发pickerView(didSelectRow:)方法时，才会更新文本框内容。但弹出选择器的瞬间，文本框还是停留在占位符状态，这就是核心问题。另外你在viewDidLoad里选中了第2行（row:1），但既没同步到文本框，而且如果要显示第一个选项应该选row:0哦。

解决方案 #

我们需要监听文本框的编辑开始事件，在用户点击文本框弹出选择器的那一刻，主动把选择器默认选中行的内容赋值给文本框。具体操作如下：

1. 让你的ViewController遵守UITextFieldDelegate协议，这样能监听文本框的编辑状态变化。
2. 实现textFieldDidBeginEditing方法，在这个方法里获取选择器的默认选中行，并同步更新文本框内容。
3. 调整viewDidLoad里的代码，确保选择器默认选中第一行。

修改后的完整代码如下：

class YourViewController: UIViewController, UIPickerViewDelegate, UIPickerViewDataSource, UITextFieldDelegate {
    
    @IBOutlet weak var location: UITextField!
    let pickOptions = ["北京", "上海", "广州"] // 替换成你的实际选项数组
    
    override func viewDidLoad() {
        super.viewDidLoad()
        
        let thePicker = UIPickerView()
        thePicker.delegate = self
        thePicker.dataSource = self
        location.inputView = thePicker
        location.delegate = self // 绑定文本框代理
        
        // 预先设置选择器默认选中第一行（索引从0开始）
        thePicker.selectRow(0, inComponent: 0, animated: false)
    }
    
    // MARK: - UIPickerView 数据源与代理方法
    func numberOfComponents(in pickerView: UIPickerView) -> Int {
        return 1
    }
    
    func pickerView(_ pickerView: UIPickerView, numberOfRowsInComponent component: Int) -> Int {
        return pickOptions.count
    }
    
    func pickerView(_ pickerView: UIPickerView, titleForRow row: Int, forComponent component: Int) -> String? {
        return pickOptions[row]
    }
    
    func pickerView(_ pickerView: UIPickerView, didSelectRow row: Int, inComponent component: Int) {
        location.text = pickOptions[row]
    }
    
    // MARK: - UITextField 代理方法
    func textFieldDidBeginEditing(_ textField: UITextField) {
        // 文本框开始编辑时，获取选择器当前选中行并赋值给文本框
        guard let pickerView = textField.inputView as? UIPickerView else { return }
        let selectedRow = pickerView.selectedRow(inComponent: 0)
        textField.text = pickOptions[selectedRow]
    }
}

额外提示 #

• 如果你的选项数组是动态加载的（比如从网络获取），记得在数据加载完成后，先调用thePicker.reloadAllComponents()，再设置选中行并同步文本框内容。
• 这个方案会保留初始状态的占位符显示，只有用户点击文本框时才会填充选择器的第一个选项，完全符合你的需求。

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