如何简化记忆匹配游戏中Tap Gesture Recognizer与Outlet的冗余实现？

嗨，我来帮你解决这个重复代码的问题！你现在的做法确实太繁琐了，不管是16张还是100×100的卡片，都完全不需要为每个元素单独创建Outlet和Gesture Recognizer，下面给你两种可行的简化方案：

1. 用数组替代单个Outlet #

放弃创建16个独立的@IBOutlet，改用一个数组来管理所有卡片：

@IBOutlet var cardViews: [UIImageView]!

在Storyboard/XIB中，只需把所有16个UIImageView逐个拖到这个数组变量上即可，不用再维护一堆单独的Outlet。

2. 复用单个Tap Gesture Recognizer #

所有卡片共用同一个手势和处理函数，不用写16个重复的方法：

override func viewDidLoad() {
    super.viewDidLoad()
    // 创建一个通用的点击手势
    let tapGesture = UITapGestureRecognizer(target: self, action: #selector(cardTapped(_:)))
    
    // 循环给所有卡片添加手势
    for cardView in cardViews {
        cardView.isUserInteractionEnabled = true // UIImageView默认关闭交互，记得打开
        cardView.addGestureRecognizer(tapGesture)
    }
}

// 统一的卡片点击处理函数
@objc func cardTapped(_ sender: UITapGestureRecognizer) {
    guard let tappedCard = sender.view as? UIImageView else { return }
    
    // 通过数组找到被点击卡片的索引，进而处理逻辑
    if let cardIndex = cardViews.firstIndex(of: tappedCard) {
        print("点击了第\(cardIndex + 1)张卡片")
        // 在这里执行卡片翻转、匹配判断等操作
    }
}

如果是100×100的超大网格，手动创建UIImageView完全不现实，强烈推荐使用UICollectionView，它天生适合网格场景，还支持Cell复用，内存效率极高：

1. 核心思路 #

• 定义一个UICollectionViewCell作为卡片模板，内部包含一个UIImageView
• 通过数据源数组（比如存储卡片的图片、翻转状态、匹配状态）管理所有卡片
• 利用UICollectionView的代理方法处理点击，完全不需要单独的手势和Outlet

2. 代码示例片段 #

// 定义卡片数据模型
struct Card {
    let frontImage: UIImage
    var isFlipped: Bool = false
    var isMatched: Bool = false
}

// 数据源数组，存储10000张卡片的信息
var cards: [Card] = []

// UICollectionView代理：处理卡片点击
func collectionView(_ collectionView: UICollectionView, didSelectItemAt indexPath: IndexPath) {
    var targetCard = cards[indexPath.item]
    // 切换卡片翻转状态
    targetCard.isFlipped = !targetCard.isFlipped
    cards[indexPath.item] = targetCard
    // 更新对应Cell的显示
    collectionView.reloadItems(at: [indexPath])
}

// UICollectionView数据源：配置Cell显示
func collectionView(_ collectionView: UICollectionView, cellForItemAt indexPath: IndexPath) -> UICollectionViewCell {
    let cell = collectionView.dequeueReusableCell(withReuseIdentifier: "CardCell", for: indexPath) as! CardCell
    let currentCard = cards[indexPath.item]
    // 根据翻转状态显示正面或背面图片
    cell.cardImageView.image = currentCard.isFlipped ? currentCard.frontImage : UIImage(named: "card_back")
    return cell
}

这种方式下，不管是16张还是10000张卡片，都不需要为每个元素创建任何Outlet或手势，完全通过数据源和UICollectionView的复用机制来管理交互和显示。

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