如何让UICollectionView的.xib自定义ViewCell内按钮可点击并获取对应视图内容

1. 绑定自定义Cell类与xib #

• 新建继承自UICollectionViewCell的自定义类，命名和xib文件保持一致，例如CustomCollectionCell
• 打开xib文件，将File's Owner的Class指定为你刚创建的自定义类
• 将cell内的UILabel、UIButton、所有文本控件通过拖线关联到自定义类的属性中，同时关联按钮的点击事件，添加点击回调闭包：

import UIKit
class CustomCollectionCell: UICollectionViewCell {
    // 控件属性关联
    @IBOutlet weak var titleLabel: UILabel!
    @IBOutlet weak var descLabel: UILabel!
    @IBOutlet weak var actionBtn: UIButton!
    
    // 按钮点击回调闭包，用于对外传递点击事件
    var onButtonTapped: ((CustomCollectionCell) -> Void)?
    
    // 按钮点击事件，和xib里的按钮拖线关联
    @IBAction func actionBtnClick(_ sender: UIButton) {
        onButtonTapped?(self)
    }
}

• 在xib中选中cell根视图，在Attributes面板设置Reuse Identifier为CustomCollectionCell，和后续复用ID保持一致。

2. 在CollectionView所属控制器中监听点击事件 #

在cellForItemAt数据源方法中配置cell内容的同时，实现cell的点击回调闭包：

func collectionView(_ collectionView: UICollectionView, cellForItemAt indexPath: IndexPath) -> UICollectionViewCell {
    let cell = collectionView.dequeueReusableCell(withReuseIdentifier: "CustomCollectionCell", for: indexPath) as! CustomCollectionCell
    // 给cell控件赋值，dataList是你的数据源数组
    let currentItem = dataList[indexPath.item]
    cell.titleLabel.text = currentItem.title
    cell.descLabel.text = currentItem.desc
    
    // 实现按钮点击回调
    cell.onButtonTapped = { [weak self] tappedCell in
        guard let self = self, let tapIndex = collectionView.indexPath(for: tappedCell) else { return }
        // 方式1：直接从cell读取控件内容
        print("点击cell的标题：\(tappedCell.titleLabel.text ?? "")")
        print("点击cell的描述：\(tappedCell.descLabel.text ?? "")")
        
        // 方式2：通过下标取数据源（更推荐，避免cell复用导致的视图数据错误）
        let tapData = self.dataList[tapIndex.item]
        // 后续业务逻辑处理
    }
    return cell
}

• 闭包中必须添加[weak self]修饰，避免循环引用导致内存泄漏
• 优先通过indexPath读取数据源获取数据，不要完全依赖读取cell上的视图内容，cell复用过程中视图内容可能发生变化，数据源取值更稳定
• 如果习惯用代理模式，也可以自定义cell的代理协议，点击按钮时调用代理方法把当前cell传递到控制器，逻辑和闭包方案一致

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