预订APP中如何将UIPickerView值赋值给动态创建的UITextField

我来帮你搞定这个问题！要让动态创建的UITextField能获取UIPickerView的选中值，核心是得跟踪当前正在编辑的那个文本框，这样Picker知道把值传给谁。下面是具体的实现步骤和代码示例，结合你已有的addBookingRow函数来改：

1. 先定义几个关键变量 #

首先在你的ViewController里添加这些变量，用来跟踪状态和存储数据源：

// 记录当前正在编辑的文本框，Picker选中的值会赋值给它
var activeTextField: UITextField?
// 服务名称的数据源（你可以替换成自己的真实数据）
let serviceNameList = ["美甲护理", "发型设计", "全身按摩"]
// 服务人员的数据源（同理替换成你的数据）
let servantNameList = ["李技师", "王技师", "张技师"]
// 用tag区分文本框类型：0=服务名称，1=服务人员

2. 修改动态创建文本框的方法 #

在你的addBookingRow函数里，给每个新创建的TextField设置inputView为Picker，同时绑定编辑事件，加上tag区分类型：

func addBookingRow(firstTime: Bool) {
    let containerView = UIView()
    containerView.backgroundColor = .white
    
    // 创建服务名称TextField
    let serviceTextField = UITextField()
    serviceTextField.placeholder = "请选择服务名称"
    serviceTextField.tag = 0 // 标记为服务类型
    serviceTextField.delegate = self
    // 把Picker设为输入视图
    serviceTextField.inputView = createPickerView()
    // 添加顶部工具栏（带完成按钮）
    serviceTextField.inputAccessoryView = createPickerToolbar()
    containerView.addSubview(serviceTextField)
    
    // 创建服务人员TextField
    let servantTextField = UITextField()
    servantTextField.placeholder = "请选择服务人员"
    servantTextField.tag = 1 // 标记为人员类型
    servantTextField.delegate = self
    servantTextField.inputView = createPickerView()
    servantTextField.inputAccessoryView = createPickerToolbar()
    containerView.addSubview(servantTextField)
    
    // 这里继续你的Autolayout代码（设置containerView和两个TextField的布局）
    // 最后把containerView添加到ScrollView中...
}

3. 封装Picker和工具栏的创建 #

写两个辅助函数，快速创建Picker和顶部的完成工具栏：

// 创建UIPickerView
func createPickerView() -> UIPickerView {
    let pickerView = UIPickerView()
    pickerView.delegate = self
    pickerView.dataSource = self
    return pickerView
}

// 创建Picker顶部的工具栏（带完成按钮）
func createPickerToolbar() -> UIToolbar {
    let toolbar = UIToolbar(frame: CGRect(x: 0, y: 0, width: UIScreen.main.bounds.width, height: 44))
    let doneBtn = UIBarButtonItem(title: "完成", style: .done, target: self, action: #selector(confirmPickerSelection))
    let flexibleSpace = UIBarButtonItem(barButtonSystemItem: .flexibleSpace, target: nil, action: nil)
    toolbar.items = [flexibleSpace, doneBtn]
    return toolbar
}

// 完成按钮的点击事件：关闭Picker
@objc func confirmPickerSelection() {
    activeTextField?.resignFirstResponder()
}

4. 实现TextField代理，跟踪活跃文本框 #

通过UITextFieldDelegate的方法，记录当前正在编辑的文本框，还可以设置默认选中值：

extension YourViewController: UITextFieldDelegate {
    func textFieldDidBeginEditing(_ textField: UITextField) {
        activeTextField = textField
        
        // 给文本框设置默认选中的第一个值
        let pickerView = textField.inputView as! UIPickerView
        pickerView.selectRow(0, inComponent: 0, animated: true)
        if textField.tag == 0 {
            textField.text = serviceNameList[0]
        } else {
            textField.text = servantNameList[0]
        }
    }
}

5. 实现Picker的代理和数据源方法 #

根据当前活跃文本框的类型，切换数据源，并在选中行时把值赋值给文本框：

extension YourViewController: UIPickerViewDelegate, UIPickerViewDataSource {
    // Picker的列数（这里用单列）
    func numberOfComponents(in pickerView: UIPickerView) -> Int {
        return 1
    }
    
    // 根据文本框类型返回对应数据源的行数
    func pickerView(_ pickerView: UIPickerView, numberOfRowsInComponent component: Int) -> Int {
        guard let textField = activeTextField else { return 0 }
        return textField.tag == 0 ? serviceNameList.count : servantNameList.count
    }
    
    // 返回每行的标题
    func pickerView(_ pickerView: UIPickerView, titleForRow row: Int, forComponent component: Int) -> String? {
        guard let textField = activeTextField else { return nil }
        return textField.tag == 0 ? serviceNameList[row] : servantNameList[row]
    }
    
    // 选中行时，把对应值赋值给当前活跃的文本框
    func pickerView(_ pickerView: UIPickerView, didSelectRow row: Int, inComponent component: Int) {
        guard let textField = activeTextField else { return }
        textField.text = textField.tag == 0 ? serviceNameList[row] : servantNameList[row]
    }
}

小提示 #

• 记得让你的ViewController遵循UITextFieldDelegate、UIPickerViewDelegate和UIPickerViewDataSource这三个协议
• 如果你的服务/人员数据源是动态加载的（比如从网络获取），更新数据后记得调用pickerView.reloadAllComponents()刷新Picker
• 如果想给服务和人员用各自独立的Picker也是可以的，只要在创建TextField时给它们分配不同的Picker实例就行，但上面的方案用同一个Picker切换数据源更节省内存

内容的提问来源于stack exchange，提问作者Manee.O.H