动画 UITableViewCell ContentView 在进入编辑模式时淡出

Posted 2023-03-04

【中文标题】动画 UITableViewCell ContentView 在进入编辑模式时淡出

【英文标题】：Animate UITableViewCell ContentView to fade upon entering Edit Mode

【发布时间】：2011-03-15 15:49:22

【问题描述】：

我在 iPhone Mail.app 和 SMS.app 应用程序中注意到了这个功能，但我不确定如何自己实现它。

在标准的 UITableView 中，当用户点击“编辑”按钮并且删除按钮移动到位时，随着内容视图向右滑动，它们会执行快速淡入淡出转换，其中它们会被更薄的版本所取代（考虑到删除按钮占用的空间）。

我最初以为是在启用编辑模式时调用以下方法来完成的：

[self.tableView reloadRowsAtIndexPaths: [tableView indexPathsForVisibleRows] withRowAnimation: UITableViewRowAnimationFade];

但这不可能是正确的，因为它还会淡化删除按钮本身以及单元格具有的任何辅助视图（我只想说，它看起来很奇怪）。

我想知道，如何强制内容视图重新绘制自身，然后在表格进入编辑模式时将新绘制的版本淡入旧版本？

更新： 感谢 Caleb 的回答，这是让我得到我想要的东西的最后一段代码：

我的最终解决方案是将 UITableViewCell 子类化，然后将以下代码应用于 setEditing 访问器：

-(void) setEditing: (BOOL)editing animated: (BOOL)animated

    [super setEditing: editing animated: animated];

    CATransition *animation = [CATransition animation];
    animation.duration = 0.2f;
    animation.type = kCATransitionFade;

    //redraw the subviews (and animate)
    for( UIView *subview in self.contentView.subviews )
    
        [subview.layer addAnimation: animation forKey: @"editingFade"];
        [subview setNeedsDisplay];
    

我可能也应该澄清一下。由于性能至关重要，我的单元格 contentView 中的所有内容都是通过 CG 渲染的（即 drawRect:)，因此我无法控制其中的任何元素被具体绘制。

【参考方案1】：

当您在桌子上调用-setEditing:animated: 时，该动画就会发生。然后表格在每个可见单元格上调用-setEditing:animated:。看起来表格单元格的标准行为是调整内容视图的大小，将它们向右移动，然后移除正确的附件。如果您有自己的单元格并希望在编辑模式下具有不同的外观，我认为您可以覆盖-setEditing:animated: 以根据需要调整单元格内容。

【讨论】：

我不确定这是否完全涵盖了它。当已经处于编辑模式的行显示其删除按钮（状态 == 3）时，提到的应用程序使用相同的转换。发生这种情况时不会调用 setEditing:animated:。