Swift实现收藏卡片图片点击切换opacity功能技术咨询

完全可以用if语句实现这个opacity切换的逻辑，核心思路就是判断当前图片的透明度（alpha值），然后在点击时切换状态。下面分两种场景给出具体实现：

单个独立图片的情况 #

如果是单独的UIImageView，步骤如下：

1. 开启图片视图的交互能力，添加点击手势
   默认UIImageView是不能响应点击的，所以要先打开isUserInteractionEnabled，再绑定点击手势：

// 初始化图片视图（示例代码，可根据你的布局调整）
let cardImageView = UIImageView(image: UIImage(named: "card_image"))
cardImageView.frame = CGRect(x: 50, y: 100, width: 150, height: 200)
cardImageView.isUserInteractionEnabled = true // 必须开启交互

// 添加点击手势
let tapGesture = UITapGestureRecognizer(target: self, action: #selector(toggleCardOpacity(_:)))
cardImageView.addGestureRecognizer(tapGesture)

view.addSubview(cardImageView)

2. 实现点击切换逻辑的回调方法
   在回调里用if语句判断当前alpha值，完成切换：

@objc func toggleCardOpacity(_ sender: UITapGestureRecognizer) {
    guard let imageView = sender.view as? UIImageView else { return }
    
    // 用if语句判断并切换透明度
    if imageView.alpha == 1.0 {
        imageView.alpha = 0.5
    } else {
        imageView.alpha = 1.0
    }
}

列表（UICollectionView/UITableView）中的卡片情况 #

如果是列表里的卡片，要注意cell复用的问题，必须把状态绑定到数据模型上，避免滚动后状态错乱：

1. 定义卡片数据模型
   给模型加一个标记状态的属性，用来记录卡片是否被标记为丢失/售出：

struct Card {
    let imageName: String // 卡片图片名称
    var isMarked: Bool = false // 标记状态：true=已丢失/售出，false=正常
}

2. 自定义Cell实现点击逻辑
   在Cell里给图片视图添加手势，点击时更新模型状态并同步UI：

class CardCell: UITableViewCell {
    @IBOutlet weak var cardImageView: UIImageView!
    
    override func awakeFromNib() {
        super.awakeFromNib()
        // 开启图片交互并添加手势
        cardImageView.isUserInteractionEnabled = true
        let tapGesture = UITapGestureRecognizer(target: self, action: #selector(toggleMarkStatus))
        cardImageView.addGestureRecognizer(tapGesture)
    }
    
    // 绑定数据模型，根据模型状态设置透明度
    var card: Card? {
        didSet {
            guard let card = card else { return }
            cardImageView.image = UIImage(named: card.imageName)
            cardImageView.alpha = card.isMarked ? 0.5 : 1.0
        }
    }
    
    // 点击切换状态的回调
    @objc func toggleMarkStatus() {
        guard var card = card else { return }
        card.isMarked.toggle() // 切换状态
        // 通知外部更新数据源
        onStatusChanged?(card)
        // 同步更新当前图片的透明度
        cardImageView.alpha = card.isMarked ? 0.5 : 1.0
    }
    
    // 用于通知ViewController更新数据的闭包
    var onStatusChanged: ((Card) -> Void)?
}

3. 在ViewController中处理数据更新
   在列表的数据源方法里绑定模型，并处理状态更新：

class CollectionViewController: UITableViewController {
    var cards: [Card] = [
        Card(imageName: "card1"),
        Card(imageName: "card2"),
        Card(imageName: "card3")
    ]
    
    override func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell {
        let cell = tableView.dequeueReusableCell(withIdentifier: "CardCell", for: indexPath) as! CardCell
        let card = cards[indexPath.row]
        cell.card = card
        
        // 监听状态变化，更新数据源并刷新cell
        cell.onStatusChanged = { [weak self] updatedCard in
            guard let self = self else { return }
            self.cards[indexPath.row] = updatedCard
            tableView.reloadRows(at: [indexPath], with: .fade)
        }
        
        return cell
    }
    
    // 其他列表数据源方法（numberOfRows等）省略
}

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