Swift中点击UILabel弹出/隐藏UIPickerView的实现方法问询

嘿，我来帮你搞定这个需求！你提到的priceLabel.isTappedUp = ...是Objective-C的写法，Swift里咱们用UITapGestureRecognizer来实现点击交互就行，步骤很清晰，咱们一步步来：

1. 先给价格标签开启交互能力 #

UILabel默认是不接收用户点击的，所以第一步要把它的isUserInteractionEnabled设为true——你可以在Storyboard的属性面板里设置，也可以在代码初始化时配置。

2. 添加点击手势识别器 #

在你的ViewController的viewDidLoad()方法里，给价格标签绑定一个点击手势，并指定对应的处理方法：

override func viewDidLoad() {
    super.viewDidLoad()
    
    // 开启label的交互能力
    priceLabel.isUserInteractionEnabled = true
    
    // 创建点击手势，绑定处理方法
    let tapGesture = UITapGestureRecognizer(target: self, action: #selector(tapPriceLabel(_:)))
    // 添加手势到label上
    priceLabel.addGestureRecognizer(tapGesture)
    
    // 初始化时隐藏pickerView
    pickerView.isHidden = true
}

3. 实现点击手势的处理方法 #

写一个@objc修饰的方法，用来切换UIPickerView的显示状态：

@objc func tapPriceLabel(_ sender: UITapGestureRecognizer) {
    // 切换picker的显示/隐藏状态
    pickerView.isHidden = !pickerView.isHidden
}

4. 处理UIPickerView选中事件，选中后隐藏Picker #

因为你已经遵循了UIPickerViewDelegate和UIPickerViewDataSource，所以实现didSelectRow代理方法，在用户选中货币后隐藏picker，同时更新价格标签的内容：

func pickerView(_ pickerView: UIPickerView, didSelectRow row: Int, inComponent component: Int) {
    // 假设你有一个货币数组，比如currencies = ["USD", "EUR", "CNY"]
    let selectedCurrency = currencies[row]
    // 更新价格标签的显示，比如把价格和货币拼接起来
    priceLabel.text = "¥99.00 \(selectedCurrency)" // 这里替换成你的实际价格逻辑
    
    // 选中后隐藏pickerView
    pickerView.isHidden = true
}

完整的ViewController代码示例 #

class ViewController: UIViewController, UIPickerViewDelegate, UIPickerViewDataSource {
    
    // 假设你已经通过IBOutlet连接了这两个控件
    @IBOutlet weak var priceLabel: UILabel!
    @IBOutlet weak var pickerView: UIPickerView!
    
    // 货币列表数据
    let currencies = ["USD", "EUR", "GBP", "CNY"]
    
    override func viewDidLoad() {
        super.viewDidLoad()
        
        // 设置picker的代理和数据源
        pickerView.delegate = self
        pickerView.dataSource = self
        
        // 开启label交互并添加手势
        priceLabel.isUserInteractionEnabled = true
        let tapGesture = UITapGestureRecognizer(target: self, action: #selector(tapPriceLabel(_:)))
        priceLabel.addGestureRecognizer(tapGesture)
        
        // 初始隐藏picker
        pickerView.isHidden = true
    }
    
    // MARK: - UIPickerView DataSource
    func numberOfComponents(in pickerView: UIPickerView) -> Int {
        return 1 // 只需要一列
    }
    
    func pickerView(_ pickerView: UIPickerView, numberOfRowsInComponent component: Int) -> Int {
        return currencies.count
    }
    
    // MARK: - UIPickerView Delegate
    func pickerView(_ pickerView: UIPickerView, titleForRow row: Int, forComponent component: Int) -> String? {
        return currencies[row]
    }
    
    func pickerView(_ pickerView: UIPickerView, didSelectRow row: Int, inComponent component: Int) {
        // 更新价格标签
        let selectedCurrency = currencies[row]
        // 这里替换成你实际的价格数据
        priceLabel.text = "199.00 \(selectedCurrency)"
        
        // 隐藏picker
        pickerView.isHidden = true
    }
    
    // MARK: - 点击手势处理
    @objc func tapPriceLabel(_ sender: UITapGestureRecognizer) {
        pickerView.isHidden.toggle() // 切换显示/隐藏，也可以用!pickerView.isHidden
    }
}

这样就能实现你想要的效果：启动时picker隐藏，点击价格标签显示picker，选中货币后picker自动隐藏，同时更新价格标签的显示。

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