iOS开发：点击UICollectionViewCell内按钮显示指定视图问题求助

我来帮你排查这个问题～你的代码没生效主要有几个关键原因：坐标转换错误、视图层级未处理，还有CollectionView复用带来的潜在问题，下面一步步给你解决：

1. 先确保基础条件到位 #

首先你得保证myView已经被添加到视图层级，并且初始是隐藏的，不然就算位置算对了也看不到：

override func viewDidLoad() {
    super.viewDidLoad()
    // 初始化myView并添加到当前控制器的view上
    myView.isHidden = true
    myView.translatesAutoresizingMaskIntoConstraints = false
    self.view.addSubview(myView)
    
    // 给myView设置固定宽高（根据你的需求调整）
    NSLayoutConstraint.activate([
        myView.widthAnchor.constraint(equalToConstant: 200),
        myView.heightAnchor.constraint(equalToConstant: 120)
    ])
    
    // 确保myView在CollectionView上方显示
    myView.layer.zPosition = 10
}

2. 修正坐标转换逻辑 #

你之前把按钮坐标转换到了myColl（CollectionView）的坐标系，但myView是直接放在控制器的view上的，所以要转换到self.view的坐标系才对。而且直接把myView.center设为按钮的原点位置，肯定会导致视图位置不对，我们要让它显示在按钮下方：

@objc func showEditView(sender: UIButton) {
    // 将按钮的frame转换到当前控制器view的坐标系下
    let buttonFrameInView = sender.convert(sender.bounds, to: self.view)
    
    // 计算myView的位置：水平与按钮居中，顶部在按钮底部下方8pt（可调整偏移量）
    let targetCenterX = buttonFrameInView.midX
    let targetTopY = buttonFrameInView.maxY + 8
    
    // 更新myView的约束（如果用AutoLayout）
    NSLayoutConstraint.activate([
        myView.centerXAnchor.constraint(equalToConstant: targetCenterX),
        myView.topAnchor.constraint(equalToConstant: targetTopY)
    ])
    
    // 显示视图
    myView.isHidden = false
}

3. 解决CollectionView复用的问题 #

你之前在cellForItemAt里每次都给按钮加target，会导致Cell复用时重复绑定，可能出现点击混乱的情况。建议在Cell类内部处理点击，用闭包回调给控制器，更可靠：

TestCell.swift 代码： #

class TestCell: UICollectionViewCell {
    @IBOutlet weak var myButton: UIButton!
    // 定义闭包回调点击事件
    var onButtonTap: ((UIButton) -> Void)?
    
    override func awakeFromNib() {
        super.awakeFromNib()
        // 只在Cell初始化时绑定一次点击事件
        myButton.addTarget(self, action: #selector(handleButtonTap), for: .touchUpInside)
    }
    
    override func prepareForReuse() {
        super.prepareForReuse()
        // 复用Cell时清空回调，避免引用旧的控制器实例
        onButtonTap = nil
    }
    
    @objc private func handleButtonTap() {
        onButtonTap?(myButton)
    }
}

控制器里的cellForItemAt修改： #

func collectionView(_ collectionView: UICollectionView, cellForItemAt indexPath: IndexPath) -> UICollectionViewCell {
    let cell = collectionView.dequeueReusableCell(withReuseIdentifier: "TestCell", for: indexPath) as! TestCell
    // 绑定回调，弱引用self避免循环引用
    cell.onButtonTap = { [weak self] button in
        self?.showEditView(sender: button)
    }
    return cell
}

最后检查点 #

• 确认myView的背景色不是透明的，不然可能显示了也看不到
• 如果CollectionView有滚动，你可能还需要监听滚动事件，在滚动时隐藏myView，避免视图位置错乱

内容的提问来源于stack exchange，提问作者Ali A. Jalil