为何调用removeFromSuperview()无法折叠TableView子视图并上移单元格？

这个问题我之前也碰到过，其实核心是TableView的布局更新机制和子视图移除的触发逻辑不匹配，咱们一步步拆解：

核心原因 #

当你调用removeFromSuperview()时，只是把UpgradeView从视图层级中移除，但TableView并没有自动感知到这个变化来重新计算单元格的高度。具体来说有两个关键点：

1. 单元格的高度计算依赖于Auto Layout约束或者预先设置的高度值，如果UpgradeView的存在没有和单元格的高度约束建立强关联，移除它后，单元格的高度依然保持原来的数值，自然会留下空白。
2. removeFromSuperview()不会主动触发TableView的布局更新流程，TableView不知道它需要重新计算并调整这个单元格的高度，所以单元格位置不动。

而你设置upgradeView.frame.size.height = 0时，这个操作会触发视图的布局变化通知，让Auto Layout系统重新计算单元格的高度，进而让TableView调整单元格位置，所以看起来正常了。

解决办法 #

给你几个实用的方案，按推荐程度排序：

1. 用约束控制显示/隐藏（最优） #

不要直接移除视图，而是通过高度约束来控制它的显示和折叠，这样Auto Layout会自动帮你处理单元格高度的更新：

• 在Storyboard中给UpgradeView添加一个高度约束，并且把这个约束关联到单元格类的IBOutlet中（比如upgradeViewHeightConstraint）。
• 点击升级按钮时，修改约束的constant为0，同时隐藏视图，然后触发布局更新：

@IBAction func onUpgradeButtonTap(_ sender: UIButton) {
    // 折叠视图
    upgradeViewHeightConstraint.constant = 0
    upgradeView.isHidden = true
    
    // 触发动画和布局更新
    UIView.animate(withDuration: 0.3) {
        self.contentView.layoutIfNeeded()
        // 通知TableView刷新当前单元格
        guard let tableView = self.superview as? UITableView,
              let indexPath = tableView.indexPath(for: self) else { return }
        tableView.reloadRows(at: [indexPath], with: .automatic)
    }
}

2. 移除视图后强制刷新单元格 #

如果你一定要用removeFromSuperview()，那在移除后必须手动触发TableView的单元格高度重新计算：

@IBAction func onUpgradeButtonTap(_ sender: UIButton) {
    upgradeView.removeFromSuperview()
    
    // 强制单元格布局更新
    self.setNeedsLayout()
    self.layoutIfNeeded()
    
    // 刷新当前单元格
    guard let tableView = self.superview as? UITableView,
          let indexPath = tableView.indexPath(for: self) else { return }
    tableView.reloadRows(at: [indexPath], with: .automatic)
}

3. 确保UpgradeView的约束和单元格高度绑定 #

在Storyboard中，让UpgradeView的约束和单元格的contentView建立正确的依赖：

• 比如，让contentView的顶部约束连接到UpgradeView的顶部，UpgradeView的底部约束连接到单元格其他内容的顶部，其他内容的底部约束连接到contentView的底部。
  这样当UpgradeView被移除后，其他内容会自动上移，contentView的高度会缩小，再配合手动刷新单元格，就能达到折叠效果。

总结 #

removeFromSuperview()只是单纯移除视图，不会触发TableView的自动高度调整机制。而修改frame或约束会触发Auto Layout的布局更新流程，让TableView感知到需要调整单元格高度。推荐用约束控制的方案，不仅更符合Auto Layout的设计思想，还能轻松添加折叠动画，提升用户体验。

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