如何在UIPickerView中创建3列并为第三列设置选项及使用append函数

嘿，我完全懂你现在遇到的问题！既然已经搞定了UIPickerView三列的视觉布局，那给第三列设置选项值的关键就是把数据源和代理方法配合好——尤其是如果第三列的选项需要根据前两列的选择动态变化的话，这几步操作就能帮你解决：

1. 先梳理层级数据结构 #

首先你需要把部门、任务、地点的对应关系整理成清晰的数据结构，用自定义结构体存储会更直观：

// 定义对应三列的层级数据结构
struct Department {
    let name: String
    let tasks: [Task]
}

struct Task {
    let name: String
    let locations: [String]
}

// 填充你的实际业务数据
let companyData: [Department] = [
    Department(name: "技术部", tasks: [
        Task(name: "App开发", locations: ["研发办公室", "测试实验室"]),
        Task(name: "后端维护", locations: ["服务器机房", "远程工位"])
    ]),
    Department(name: "行政部", tasks: [
        Task(name: "物资采购", locations: ["供应商仓库", "公司库房"]),
        Task(name: "会议安排", locations: ["一号会议室", "二号多功能厅"])
    ])
]

2. 实现UIPickerView的数据源方法 #

你已经设置了3列，所以numberOfComponents(in:)应该已经返回3了。接下来重点实现以下两个方法，根据当前列的索引以及前序列的选中状态，返回对应的数据：

// 返回每列的行数
func pickerView(_ pickerView: UIPickerView, numberOfRowsInComponent component: Int) -> Int {
    switch component {
    case 0: // 第一列：部门
        return companyData.count
    case 1: // 第二列：任务，根据选中的部门返回对应任务数
        let selectedDeptIndex = pickerView.selectedRow(inComponent: 0)
        return companyData[selectedDeptIndex].tasks.count
    case 2: // 第三列：地点，根据选中的部门和任务返回对应地点数
        let selectedDeptIndex = pickerView.selectedRow(inComponent: 0)
        let selectedTaskIndex = pickerView.selectedRow(inComponent: 1)
        return companyData[selectedDeptIndex].tasks[selectedTaskIndex].locations.count
    default:
        return 0
    }
}

// 返回每行的标题（第三列的具体选项值就在这里设置）
func pickerView(_ pickerView: UIPickerView, titleForRow row: Int, forComponent component: Int) -> String? {
    switch component {
    case 0:
        return companyData[row].name
    case 1:
        let selectedDeptIndex = pickerView.selectedRow(inComponent: 0)
        return companyData[selectedDeptIndex].tasks[row].name
    case 2:
        let selectedDeptIndex = pickerView.selectedRow(inComponent: 0)
        let selectedTaskIndex = pickerView.selectedRow(inComponent: 1)
        // 这里就是第三列要展示的具体选项值
        return companyData[selectedDeptIndex].tasks[selectedTaskIndex].locations[row]
    default:
        return nil
    }
}

3. 处理列切换时的刷新逻辑 #

当用户滚动第一列（部门）或第二列（任务）时，第三列的选项需要同步更新，所以要实现didSelectRow代理方法：

func pickerView(_ pickerView: UIPickerView, didSelectRow row: Int, inComponent component: Int) {
    switch component {
    case 0:
        // 部门切换时，重置任务列和地点列到第一行并刷新
        pickerView.reloadComponent(1)
        pickerView.reloadComponent(2)
        pickerView.selectRow(0, inComponent: 1, animated: true)
        pickerView.selectRow(0, inComponent: 2, animated: true)
    case 1:
        // 任务切换时，重置地点列到第一行并刷新
        pickerView.reloadComponent(2)
        pickerView.selectRow(0, inComponent: 2, animated: true)
    default:
        break
    }
}

这样一来，第三列的选项值就会根据前两列的选择动态加载，完全贴合你的需求啦！如果还有其他细节问题，比如自定义Cell样式之类的，随时补充就行~

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