使用PickerView将卡片图片设置为其名称

let cards = [
    ["name": "Card A", "image": "card_a.png"],
    ["name": "Card B", "image": "card_b.png"],
    ["name": "Card C", "image": "card_c.png"],
    // 添加更多卡片...
]

// 创建一个PickerView
let pickerView = UIPickerView()

// 设置PickerView的数据源和代理
pickerView.dataSource = self
pickerView.delegate = self

// 将PickerView添加到视图中
view.addSubview(pickerView)

extension ViewController: UIPickerViewDataSource, UIPickerViewDelegate {
    // 返回PickerView的列数
    func numberOfComponents(in pickerView: UIPickerView) -> Int {
        return 1
    }
    
    // 返回PickerView的行数
    func pickerView(_ pickerView: UIPickerView, numberOfRowsInComponent component: Int) -> Int {
        return cards.count
    }
    
    // 返回每行的显示内容
    func pickerView(_ pickerView: UIPickerView, titleForRow row: Int, forComponent component: Int) -> String? {
        return cards[row]["name"]
    }
    
    // 返回每行的自定义视图（包含图片）
    func pickerView(_ pickerView: UIPickerView, viewForRow row: Int, forComponent component: Int, reusing view: UIView?) -> UIView {
        let cardView = UIView(frame: CGRect(x: 0, y: 0, width: 200, height: 50))
        
        // 创建UIImageView来显示卡片图片
        let imageView = UIImageView(frame: CGRect(x: 0, y: 0, width: 50, height: 50))
        imageView.image = UIImage(named: cards[row]["image"] ?? "")
        cardView.addSubview(imageView)
        
        // 创建UILabel来显示卡片名称
        let label = UILabel(frame: CGRect(x: 60, y: 0, width: 140, height: 50))
        label.text = cards[row]["name"]
        cardView.addSubview(label)
        
        return cardView
    }
    
    // 处理选中行的事件
    func pickerView(_ pickerView: UIPickerView, didSelectRow row: Int, inComponent component: Int) {
        let selectedCard = cards[row]
        let cardName = selectedCard["name"] ?? ""
        let cardImage = selectedCard["image"] ?? ""
        
        // 在这里可以根据选中的卡片执行相应的操作
        print("选中的卡片是：\(cardName)，图片文件名是：\(cardImage)")
    }
}