如何为textField根据任务数组状态切换PickerView与系统键盘？

架构老林

2026-5-27

嘿，我来给你详细说说怎么实现这个功能，用Swift代码举例子，你可以直接参考着来做～

核心思路

先定义项目和任务的数据模型，方便管理数据源
给项目TextField绑定PickerView，用来选择项目
选中项目后，根据该项目的任务数组是否为空，动态设置任务TextField的输入方式：有任务就显示任务PickerView，没任务就弹出系统键盘
处理TextField的交互逻辑，比如未选项目时禁止编辑任务TextField，添加PickerView的完成按钮等

具体代码实现

1. 定义数据模型

先创建两个结构体来存项目和任务的信息：

struct Task {
    let name: String
}

struct Project {
    let name: String
    let tasks: [Task]
}

2. 初始化ViewController的变量

在你的ViewController里声明需要用到的变量：

class ViewController: UIViewController {
    // 模拟测试数据，你可以替换成自己的真实数据源
    let projects: [Project] = [
        Project(name: "项目A", tasks: [Task(name: "任务1"), Task(name: "任务2")]),
        Project(name: "项目B", tasks: []), // 无任务，将弹出系统键盘
        Project(name: "项目C", tasks: [Task(name: "任务3")])
    ]
    
    var selectedProject: Project? // 记录选中的项目
    let projectTextField = UITextField()
    let taskTextField = UITextField()
    let taskPickerView = UIPickerView()
}

3. 布局UI并设置基础配置

在viewDidLoad里完成UI布局和基础设置：

override func viewDidLoad() {
    super.viewDidLoad()
    setupUI()
    setupProjectTextField()
    setupTaskTextField()
}

// 布局两个TextField（用AutoLayout，也可以用Storyboard实现）
private func setupUI() {
    view.addSubview(projectTextField)
    view.addSubview(taskTextField)
    
    projectTextField.translatesAutoresizingMaskIntoConstraints = false
    taskTextField.translatesAutoresizingMaskIntoConstraints = false
    
    NSLayoutConstraint.activate([
        projectTextField.topAnchor.constraint(equalTo: view.safeAreaLayoutGuide.topAnchor, constant: 40),
        projectTextField.leadingAnchor.constraint(equalTo: view.leadingAnchor, constant: 20),
        projectTextField.trailingAnchor.constraint(equalTo: view.trailingAnchor, constant: -20),
        
        taskTextField.topAnchor.constraint(equalTo: projectTextField.bottomAnchor, constant: 20),
        taskTextField.leadingAnchor.constraint(equalTo: view.leadingAnchor, constant: 20),
        taskTextField.trailingAnchor.constraint(equalTo: view.trailingAnchor, constant: -20)
    ])
}

// 设置项目TextField的PickerView
private func setupProjectTextField() {
    let projectPicker = UIPickerView()
    projectPicker.delegate = self
    projectPicker.dataSource = self
    
    projectTextField.inputView = projectPicker
    projectTextField.placeholder = "选择项目"
    projectTextField.borderStyle = .roundedRect
    // 给PickerView加完成按钮工具栏
    addDoneToolbar(to: projectTextField)
}

// 设置任务TextField的初始状态
private func setupTaskTextField() {
    taskTextField.isEnabled = false // 初始禁用，选项目后再启用
    taskTextField.placeholder = "选择/输入任务"
    taskTextField.borderStyle = .roundedRect
    // 提前给任务Picker加完成按钮工具栏
    addDoneToolbar(to: taskTextField)
}

// 给TextField添加带完成按钮的工具栏
private func addDoneToolbar(to textField: UITextField) {
    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(dismissKeyboard))
    toolBar.items = [UIBarButtonItem(barButtonSystemItem: .flexibleSpace, target: nil, action: nil), doneBtn]
    textField.inputAccessoryView = toolBar
}

@objc private func dismissKeyboard() {
    view.endEditing(true)
}

4. 实现PickerView的代理和数据源

让ViewController遵守UIPickerViewDelegate和UIPickerViewDataSource协议，处理两个PickerView的显示和选择逻辑：

extension ViewController: UIPickerViewDelegate, UIPickerViewDataSource {
    func numberOfComponents(in pickerView: UIPickerView) -> Int {
        return 1 // 只需要一列
    }
    
    func pickerView(_ pickerView: UIPickerView, numberOfRowsInComponent component: Int) -> Int {
        // 判断当前是项目Picker还是任务Picker
        if pickerView == projectTextField.inputView {
            return projects.count
        } else {
            return selectedProject?.tasks.count ?? 0
        }
    }
    
    func pickerView(_ pickerView: UIPickerView, titleForRow row: Int, forComponent component: Int) -> String? {
        if pickerView == projectTextField.inputView {
            return projects[row].name
        } else {
            return selectedProject?.tasks[row].name ?? ""
        }
    }
    
    func pickerView(_ pickerView: UIPickerView, didSelectRow row: Int, inComponent component: Int) {
        if pickerView == projectTextField.inputView {
            // 选中了项目，更新选中状态和TextField文本
            selectedProject = projects[row]
            projectTextField.text = selectedProject?.name
            
            // 处理任务TextField的输入方式
            taskTextField.isEnabled = true
            if let tasks = selectedProject?.tasks, !tasks.isEmpty {
                // 有任务，绑定任务PickerView
                taskPickerView.delegate = self
                taskPickerView.dataSource = self
                taskTextField.inputView = taskPickerView
                taskTextField.text = nil // 清空之前的内容
            } else {
                // 无任务，恢复系统键盘
                taskTextField.inputView = nil
                taskTextField.becomeFirstResponder() // 直接弹出键盘
            }
            // 刷新任务Picker的数据
            taskPickerView.reloadAllComponents()
        } else {
            // 选中了任务，更新TextField文本
            taskTextField.text = selectedProject?.tasks[row].name
        }
    }
}

5. 处理TextField的编辑权限

让ViewController遵守UITextFieldDelegate，确保用户没选项目时不能编辑任务TextField：

extension ViewController: UITextFieldDelegate {
    func textFieldShouldBeginEditing(_ textField: UITextField) -> Bool {
        if textField == taskTextField {
            guard selectedProject != nil else {
                // 提示用户先选项目
                let alert = UIAlertController(title: "提示", message: "请先选择项目", preferredStyle: .alert)
                alert.addAction(UIAlertAction(title: "确定", style: .default))
                present(alert, animated: true)
                return false
            }
            return true
        }
        return true
    }
}

额外注意点

如果你的项目或任务数据是动态加载的（比如从网络获取），记得在数据更新后调用projectPicker.reloadAllComponents()或taskPickerView.reloadAllComponents()刷新PickerView
可以根据需求自定义PickerView的样式（比如设置行高、自定义Cell）
若需要支持任务的新增，在任务TextField输入完成后，可以把输入的内容添加到对应项目的任务数组里

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