在UITableViewCell中嵌入UIPickerView的实现问题求助

其实在UITableViewCell里嵌入UIPickerView完全可行，但因为UIPickerView本身不是为表格单元格场景设计的，确实会碰到你现在遇到的「无数据显示」「缺少Done/Cancel按钮」这类问题。咱们先解决当前的问题，再聊聊更顺手的替代方案。

一、解决当前实现的问题 #

1. 无数据显示：补全数据源与代理实现 #

UIPickerView需要依赖UIPickerViewDataSource和UIPickerViewDelegate协议提供数据，你大概率是没给picker设置这两个代理，或者没实现核心方法。

举个例子，假设你的数据源是一个字符串数组jobTypes = ["全职", "兼职", "实习"]，你可以在ViewController里（或者自定义Cell里）做这些操作：

// 先让ViewController遵守协议
class HelloworkJobsEditJobViewController: UIViewController, UIPickerViewDataSource, UIPickerViewDelegate {
    // ... 你的其他代码
    
    // 在创建/配置cell时，给picker设置代理
    func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell {
        let cell = tableView.dequeueReusableCell(withIdentifier: "PickerCell", for: indexPath) as! CustomPickerCell
        cell.pickerView.dataSource = self
        cell.pickerView.delegate = self
        return cell
    }
    
    // 实现数据源方法
    func numberOfComponents(in pickerView: UIPickerView) -> Int {
        return 1 // 单个选择组件
    }
    
    func pickerView(_ pickerView: UIPickerView, numberOfRowsInComponent component: Int) -> Int {
        return jobTypes.count // 返回数据行数
    }
    
    func pickerView(_ pickerView: UIPickerView, titleForRow row: Int, forComponent component: Int) -> String? {
        return jobTypes[row] // 返回每行显示的文本
    }
}

如果用自定义Cell，也可以把数据源逻辑封装到Cell内部，通过闭包或者属性传递数据，避免ViewController代码冗余。

2. 添加Done/Cancel按钮：给Picker套个Toolbar #

UIPickerView本身不带操作按钮，需要手动给它加一个顶部工具栏。你可以在配置picker的时候，把Toolbar和Picker放到同一个容器View里，再添加到Cell中：

// 在自定义Cell的初始化方法里，或者ViewController配置cell时创建
func setupPickerView() {
    let pickerView = UIPickerView(frame: CGRect(x: 0, y: 44, width: self.frame.width, height: 216))
    let toolbar = UIToolbar(frame: CGRect(x: 0, y: 0, width: self.frame.width, height: 44))
    toolbar.barTintColor = .systemGray6
    
    // 创建按钮
    let cancelBtn = UIBarButtonItem(title: "Cancel", style: .plain, target: self, action: #selector(cancelTapped))
    let doneBtn = UIBarButtonItem(title: "Done", style: .done, target: self, action: #selector(doneTapped))
    let flexibleSpace = UIBarButtonItem(barButtonSystemItem: .flexibleSpace, target: nil, action: nil)
    
    toolbar.items = [cancelBtn, flexibleSpace, doneBtn]
    
    // 把Toolbar和Picker放到容器View
    let containerView = UIView(frame: CGRect(x: 0, y: 0, width: self.frame.width, height: 260))
    containerView.addSubview(toolbar)
    containerView.addSubview(pickerView)
    
    self.contentView.addSubview(containerView)
}

// 实现按钮点击逻辑
@objc func cancelTapped() {
    // 比如收起picker、恢复之前的选择
}

@objc func doneTapped() {
    let selectedRow = pickerView.selectedRow(inComponent: 0)
    // 处理选中的数据，比如更新Cell显示、保存到模型
}

二、更优方案：弹窗式Picker（推荐） #

虽然嵌入Cell可行，但会带来Cell高度调整、复用混乱等额外问题。更符合iOS交互习惯的做法是：点击Cell时弹出带Picker的弹窗，比如用UIAlertController实现：

// 点击Cell时触发
func tableView(_ tableView: UITableView, didSelectRowAt indexPath: IndexPath) {
    tableView.deselectRow(at: indexPath, animated: true)
    
    let alert = UIAlertController(title: "选择职位类型", message: nil, preferredStyle: .actionSheet)
    
    // 创建Picker并设置代理
    let pickerView = UIPickerView(frame: CGRect(x: 0, y: 50, width: alert.view.frame.width, height: 216))
    pickerView.dataSource = self
    pickerView.delegate = self
    // 默认选中当前值
    if let currentType = currentJob.type, let row = jobTypes.firstIndex(of: currentType) {
        pickerView.selectRow(row, inComponent: 0, animated: false)
    }
    
    alert.view.addSubview(pickerView)
    
    // 添加操作按钮
    alert.addAction(UIAlertAction(title: "取消", style: .cancel))
    alert.addAction(UIAlertAction(title: "确定", style: .default) { [weak self] _ in
        guard let self = self else { return }
        let selectedRow = pickerView.selectedRow(inComponent: 0)
        let selectedType = self.jobTypes[selectedRow]
        // 更新数据和Cell显示
        self.currentJob.type = selectedType
        tableView.reloadRows(at: [indexPath], with: .automatic)
    })
    
    present(alert, animated: true)
}

这种方式不需要处理Cell嵌入的各种细节，交互更自然，代码也更简洁。

三、注意事项（如果坚持嵌入Cell） #

• 处理Cell复用：在cellForRowAt里要重置Picker的选中状态、数据源，避免复用后显示错误数据；
• 调整Cell高度：可以通过tableView(_:heightForRowAt:)返回合适的高度（比如260，包含Toolbar和Picker）；
• 避免手势冲突：确保Picker的滚动手势和TableView的滚动手势不会互相干扰。

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