聊天应用反转Table View后3D Touch Peek & Pop手势实现问题

嘿，我完全懂你碰到的这个麻烦——用翻转transform实现聊天界面从底部开始展示确实是个巧办法，但系统的3D Touch手势是基于原始坐标系工作的，翻转后整个坐标系乱了，自然会导致Peek/Pop失效或者预览位置异常。下面给你两个解决方案，一个适配你现有的翻转逻辑，另一个是更稳妥的替代实现（强烈推荐后者）：

方案一：适配翻转坐标系，修复Peek & Pop手势 #

如果你不想改动现有的翻转实现，可以通过坐标转换来修正手势的触发逻辑：

1. 让ViewController支持预览代理
   首先让你的聊天界面ViewController遵循UIViewControllerPreviewingDelegate协议，然后在viewDidLoad里注册预览（记得先检查3D Touch是否可用）：

   override func viewDidLoad() {
       super.viewDidLoad()
       // 保留你原有的TableView翻转代码
       tableView.transform = CGAffineTransform(scaleX: 1, y: -1)
       
       // 注册3D Touch预览
       if traitCollection.forceTouchCapability == .available {
           registerForPreviewing(with: self, sourceView: tableView)
       }
   }
   

2. 转换触摸坐标到原始坐标系
   在预览代理方法里，把翻转后的触摸点转换回正常坐标系，这样才能正确识别对应的Cell和按钮：

   func previewingContext(_ previewingContext: UIViewControllerPreviewing, viewControllerForLocation location: CGPoint) -> UIViewController? {
       // 将翻转后的触摸点还原为原始坐标系的点
       let originalLocation = CGPoint(x: location.x, y: tableView.bounds.height - location.y)
       
       // 获取对应的Cell和目标ViewController
       guard let indexPath = tableView.indexPathForRow(at: originalLocation),
             let cell = tableView.cellForRow(at: indexPath) as? ChatCell,
             let targetVC = storyboard?.instantiateViewController(withIdentifier: "YourTargetVC") as? YourTargetVC else {
           return nil
       }
       
       // 给目标VC传递数据
       targetVC.message = yourMessagesArray[indexPath.row]
       
       // 修正预览的sourceRect（按钮的frame也要转换坐标系）
       let buttonFrame = cell.actionButton.frame
       let originalButtonFrame = CGRect(
           x: buttonFrame.origin.x,
           y: tableView.bounds.height - buttonFrame.origin.y - buttonFrame.height,
           width: buttonFrame.width,
           height: buttonFrame.height
       )
       previewingContext.sourceRect = tableView.convert(originalButtonFrame, to: view)
       
       return targetVC
   }
   
   func previewingContext(_ previewingContext: UIViewControllerPreviewing, commit viewControllerToCommit: UIViewController) {
       show(viewControllerToCommit, sender: self)
   }
   

3. 注意Cell复用问题
   不要给每个Cell的按钮单独注册预览，直接给整个TableView注册即可，这样能覆盖所有复用的Cell，避免重复注册导致的异常。

方案二：替换翻转实现（更推荐） #

其实翻转TableView的方式会带来不少隐性问题（比如手势冲突、自动布局异常、动画错位），更稳妥的做法是反转数据源数组，让TableView保持正常坐标系：

1. 反转消息数组
   假设你的消息数组是messages: [Message]，我们在显示时用反转后的数组：

   var displayMessages: [Message] {
       return messages.reversed()
   }
   

2. 正常配置TableView
   移除TableView和Cell的transform翻转代码，直接用反转后的数组填充Cell：

   func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell {
       let cell = tableView.dequeueReusableCell(withIdentifier: "ChatCell", for: indexPath) as! ChatCell
       let message = displayMessages[indexPath.row]
       cell.configure(with: message)
       // 这里正常给按钮关联Segue或点击事件，3D Touch会自动正常工作
       return cell
   }
   

3. 添加新消息时的处理
   当有新消息时，插入到原数组的开头，然后刷新TableView（或者用插入动画提升体验）：

   // 添加新消息
   messages.insert(newMessage, at: 0)
   // 用插入动画替代全量刷新
   tableView.insertRows(at: [IndexPath(row: 0, section: 0)], with: .automatic)
   

这种方式完全规避了坐标系翻转带来的所有问题，不仅3D Touch能正常工作，后续的布局、手势、动画都不会有奇怪的兼容性问题，是聊天界面的标准实现方式。

内容的提问来源于stack exchange，提问作者Can Poyrazoğlu