表格单元格Date Picker与单元格高度归零动画不同步问题

这个场景我之前做项目时也遇到过，核心就是要让Date Picker的显示/隐藏动画和UITableView单元格的高度变化动画完全对齐，下面给你几个实用的解决方案：

方案一：将两者绑定到同一个动画上下文 #

最直接的方式是把Date Picker的高度调整和TableView的单元格更新放在同一个UIView.animate块里，让系统自动同步动画节奏：

// 先定义一个变量记录DatePicker的显示状态
private var isDatePickerVisible = false
// 假设你给DatePicker加了高度约束的IBOutlet
@IBOutlet weak var datePickerHeightConstraint: NSLayoutConstraint!
@IBOutlet weak var tableView: UITableView!
// 指定的目标cell索引
private let targetCellIndex = 2

@IBAction func toggleDatePicker(_ sender: UIButton) {
    isDatePickerVisible = !isDatePickerVisible
    // DatePicker默认高度大概是216，你可以根据实际情况调整
    let targetHeight: CGFloat = isDatePickerVisible ? 216 : 0
    
    // 同一个动画块里执行两个操作，保证节奏完全一致
    UIView.animate(withDuration: 0.3, delay: 0, options: .curveEaseInOut) {
        // 更新DatePicker的高度约束
        self.datePickerHeightConstraint.constant = targetHeight
        self.view.layoutIfNeeded()
        
        // 触发TableView的单元格高度更新动画
        self.tableView.beginUpdates()
        self.tableView.endUpdates()
    }
}

同时要确保你的单元格高度计算是动态的，在heightForRowAt方法里根据状态返回对应高度：

func tableView(_ tableView: UITableView, heightForRowAt indexPath: IndexPath) -> CGFloat {
    if indexPath.row == targetCellIndex {
        // 直接返回DatePicker的约束高度，确保和动画同步
        return datePickerHeightConstraint.constant
    }
    // 其他单元格用自动高度或固定高度
    return UITableView.automaticDimension
}

方案二：通过TableView的动画回调同步DatePicker状态 #

如果你的单元格是自定义的，可以把DatePicker的动画逻辑放在TableView的willDisplayCell或者didEndDisplayingCell回调里，但不如第一种方案直观。不过如果需要更精细的控制，可以试试：

func tableView(_ tableView: UITableView, willDisplay cell: UITableViewCell, forRowAt indexPath: IndexPath) {
    guard indexPath.row == targetCellIndex, let customCell = cell as? DatePickerCell else { return }
    
    let targetHeight: CGFloat = isDatePickerVisible ? 216 : 0
    UIView.animate(withDuration: 0.3) {
        customCell.datePickerHeightConstraint.constant = targetHeight
        customCell.layoutIfNeeded()
    }
}

额外优化细节 #

• 动画时长建议用系统默认的0.3秒，这个时长符合iOS用户的交互习惯，不会太快或太慢；
• 如果单元格里还有其他辅助元素（比如标题、按钮），可以给这些元素也加上透明度动画，让整个收起/展开过程更自然；
• 避免直接设置datePicker.isHidden = true，这种方式会让视图瞬间消失，破坏动画连贯性。

这样处理后，DatePicker就会和单元格一起平滑地展开或收起，完全不会出现之前那种突兀的视觉断层了。

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