如何用远程JSON数组填充UIPickerView并存储选中项ID？

看起来你已经搞定了JSON下载和解码的核心环节，问题大概率出在UIPickerView的数据源/代理配置或者必要方法的实现上——其实reloadData()对UIPickerView是完全有效的，只是得先把基础配置做扎实。

下面是完整的实现步骤和代码示例：

1. 让ViewController遵守必要协议 #

首先给你的ViewController添加上UIPickerViewDataSource和UIPickerViewDelegate协议：

class YourViewController: UIViewController, UIPickerViewDataSource, UIPickerViewDelegate {
    // 你的现有变量
    var colores = [Colores]()
    @IBOutlet weak var coloresPV: UIPickerView!
    // 用来存储选中项的id
    var selectedColorId: Int?
    
    override func viewDidLoad() {
        super.viewDidLoad()
        // 关键操作：设置pickerView的数据源和代理
        coloresPV.dataSource = self
        coloresPV.delegate = self
        
        // 下载数据并刷新pickerView
        downloadJSONColores {
            self.coloresPV.reloadData()
        }
    }
    
    // 优化后的downloadJSONColores方法（增加容错调试）
    func downloadJSONColores(completed: @escaping () -> ()) {
        guard let url = URL(string: "https://../colores.php") else {
            print("URL无效，请检查地址")
            completed()
            return
        }
        URLSession.shared.dataTask(with: url) { (data,response,error) in
            if let error = error {
                print("下载失败：\(error.localizedDescription)")
                completed()
                return
            }
            guard let data = data else {
                print未获取到有效数据")
                completed()
                return
            }
            do {
                self.colores = try JSONDecoder().decode([Colores].self, from: data)
                DispatchQueue.main.async {
                    completed()
                }
            } catch let decodingError {
                print("解码出错：\(decodingError.localizedDescription)")
                completed()
            }
        }.resume()
    }
    
    // MARK: - UIPickerView数据源方法
    func numberOfComponents(in pickerView: UIPickerView) -> Int {
        // 单列选择器，返回1即可
        return 1
    }
    
    func pickerView(_ pickerView: UIPickerView, numberOfRowsInComponent component: Int) -> Int {
        // 返回数组的元素数量，决定pickerView的行数
        return colores.count
    }
    
    // MARK: - UIPickerView代理方法
    func pickerView(_ pickerView: UIPickerView, titleForRow row: Int, forComponent component: Int) -> String? {
        // 将nombre字段作为选项标题显示
        return colores[row].nombre
    }
    
    func pickerView(_ pickerView: UIPickerView, didSelectRow row: Int, inComponent component: Int) {
        // 存储选中项的id到变量中
        selectedColorId = colores[row].id
        // 可选：这里可以添加选中后的逻辑，比如打印日志或更新UI
        print("选中的颜色ID：\(selectedColorId ?? 0)")
    }
}

// 你的Colores结构体
struct Colores: Decodable {
    let id: Int
    let nombre: String
    let icono: String
    let modelo: Int
    let caracterista: Int
}

核心注意事项 #

• 必须设置coloresPV.dataSource = self和coloresPV.delegate = self，否则pickerView不知道从哪里拿数据、谁来处理用户交互。
• 我给你的下载方法加了容错和日志打印，方便你调试下载或解码环节的问题。
• 在didSelectRow方法里，我们把选中行对应的id存到selectedColorId变量，后续你可以直接用这个变量获取选中的ID值。

这样修改后，当JSON下载完成并解码成功时，调用coloresPV.reloadData()就能正确刷新pickerView的内容了。

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