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

时间:2011-03-15 15:49:22

标签: cocoa-touch ios uitableview uikit

我在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 个答案:

答案 0 :(得分:5)

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