TableViewCell重叠按钮滚动后被遮挡不可点击，如何设置层级优先级？

嘿，这个场景我太熟悉了——UITableView的单元格复用机制加上视图层级的坑，咱们一步步拆解解决：

问题根源 #

当你把按钮放在某个TableViewCell内部时，滚动UITableView会触发单元格复用，新创建/复用的单元格会默认排在视图层级的上层，把之前的按钮盖住；而且即使你把cell背景设为透明，点击事件也会被下层的cell（因为层级更高）拦截，导致按钮底部无法响应点击。

最优解决方案：把按钮脱离cell复用体系，放在TableView顶层 #

最可靠的办法是把按钮直接添加到UITableView本身（或者它的父视图），让按钮始终处于所有cell的上方，然后通过监听滚动事件，让按钮跟着目标cell的位置移动。具体实现如下（在你的HomeTableViewController.swift里修改）：

1. 先在控制器里定义按钮和目标cell的indexPath

   // 初始化你的浮动按钮
   let floatingButton: UIButton = {
       let btn = UIButton(type: .system)
       btn.setTitle("你的按钮标题", for: .normal)
       btn.backgroundColor = .blue
       btn.setTitleColor(.white, for: .normal)
       btn.addTarget(self, action: #selector(buttonTapped), for: .touchUpInside)
       btn.isHidden = true
       return btn
   }()
   
   // 标记你要绑定按钮的那个cell的位置
   var targetButtonIndexPath: IndexPath? = IndexPath(row: 0, section: 0) // 替换成你的目标indexPath
   

2. 在viewDidLoad里把按钮添加到TableView

   override func viewDidLoad() {
       super.viewDidLoad()
       tableView.addSubview(floatingButton)
       // 确保按钮一开始就在最顶层
       tableView.bringSubviewToFront(floatingButton)
   }
   

3. 在cellForRowAt里初始化按钮位置

   override func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell {
       // 替换成你的cell复用逻辑
       let cell = tableView.dequeueReusableCell(withIdentifier: "WelcomeCellID", for: indexPath) as! WelcomeTableViewCell
       
       // 如果是目标cell，更新按钮位置并显示
       if indexPath == targetButtonIndexPath {
           let cellFrame = tableView.rectForRow(at: indexPath)
           // 这里可以根据你的需求调整按钮的位置（比如在cell底部）
           floatingButton.frame = CGRect(
               x: cellFrame.origin.x + 16,
               y: cellFrame.origin.y + cellFrame.height - 44,
               width: 100,
               height: 44
           )
           floatingButton.isHidden = false
           tableView.bringSubviewToFront(floatingButton)
       } else {
           floatingButton.isHidden = true
       }
       
       return cell
   }
   

4. 监听滚动事件，实时更新按钮位置

   override func scrollViewDidScroll(_ scrollView: UIScrollView) {
       guard let targetIndex = targetButtonIndexPath, 
             tableView.indexPathsForVisibleRows?.contains(targetIndex) == true else {
           floatingButton.isHidden = true
           return
       }
       
       let cellFrame = tableView.rectForRow(at: targetIndex)
       floatingButton.frame = CGRect(
           x: cellFrame.origin.x + 16,
           y: cellFrame.origin.y + cellFrame.height - 44,
           width: 100,
           height: 44
       )
       floatingButton.isHidden = false
       tableView.bringSubviewToFront(floatingButton)
   }
   

备选方案：如果一定要把按钮放在cell内部 #

如果因为某些原因必须把按钮放在cell里，那需要处理两个点：

• 提升按钮的层级优先级：在自定义cell的初始化方法里，给按钮的layer设置一个极高的zPosition，确保它在cell内容的最上层：

  yourButton.layer.zPosition = 1000 // 数值足够大就行
  

• 处理cell复用的状态重置：在cell的prepareForReuse方法里，重置按钮的状态（比如隐藏），避免复用后按钮出现在不该出现的cell上：

  override func prepareForReuse() {
      super.prepareForReuse()
      yourButton.isHidden = true
      // 其他需要重置的按钮状态
  }
  

不过这种方法有个隐患：当滚动时，新复用的cell还是会排在视图层级的上层，可能还是会盖住之前的按钮，所以还是第一种方案更稳妥。

关于点击事件的补充 #

确保你的按钮userInteractionEnabled = true，并且如果cell的contentView有手势或者其他拦截事件的设置，要调整优先级，不过用第一种方案的话，因为按钮在tableView顶层，点击事件会被优先捕获，不会有这个问题。

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