删除高度大于其他单元格的单元格时，动画看起来很尴尬

Posted 2023-02-27

技术标签:

【中文标题】删除高度大于其他单元格的单元格时，动画看起来很尴尬【英文标题】：Animation looks awkward when deleting a cell whose height is greater than other cells 【发布时间】：2012-04-17 13:52:57 【问题描述】：

我有一个普通的 UITableView，有 4 行，每行高度为 50。当我按下第四行时，我使用 UITableViewRowAnimationTop 插入高度为 80 的第五行。到目前为止，一切顺利。

我想在再次按下第四行时删除第五行。但是当我使用 UITableViewRowAnimationTop （或任何其他动画样式）删除该行时，动画看起来很尴尬——动画开始但单元格在动画完成之前突然消失。（这仅在您使用具有背景颜色的单元格时才明显。您可以看到单元格的下半部分突然消失，而不是在其上方的单元格下方消失。）

代码是这样的：

[self.tableview beginupdates];
[self.tableView deleteRowsAtIndexPaths:[NSArray arrayWithObject:indexPath] withRowAnimation:UITableViewRowAnimationTop];
[self.tableview endupdates];

行高由tableView:heightForRowAtIndexPath: 方法提供。

当所有行都具有相同的高度时，或者当被删除的行比其他行短时，不会出现此问题。

我认为一种解决方法是在删除之前将第五个单元格的高度更改为 50，但我不想这样做。请帮助

【问题讨论】：

【参考方案1】：

我今天早上刚遇到这个问题。基本上，我最终自己处理动画，然后在动画完成后删除单元格。下面是一些代码来展示我是如何做到的：

@property (nonatomic, strong) NSArray *tableData;
@property (nonatomic, strong) NSMutableDictionary *deletedItems;
...

- (void)deleteItemForCell:(UITableViewCell *)cell

    NSIndexPath *indexPath = [self.tableView indexPathForCell:cell];
    NSObject *item = self.tableData[indexPath.row];

    NSNumber *rowKey = @(indexPath.row);

    __weak id weakSelf = self;
    [CATransaction setCompletionBlock:^
        @synchronized(weakSelf) 
            [self.deletedItems removeObjectForKey:rowKey];
            [self.tableData removeObject:item];
            [self.tableView deleteRowsAtIndexPaths:@[indexPath]
                                  withRowAnimation:UITableViewRowAnimationNone];
        
    ];
    self.deletedItems[rowKey] = item;

    [self.tableView beginUpdates];
    [self.tableView endUpdates];

    [CATransaction commit];


- (CGFloat)tableView:(UITableView *)tableView
    heightForRowAtIndexPath:(NSIndexPath *)indexPath

    if (self.deletedItem[@(indexPath.row)]) 
        return 0;
    
    return CELL_HEIGHT;

代码跟踪数据结构中已删除的项目并通知表进行更新。已删除数据结构中的任何项目的高度都将为 0，这将导致“折叠”动画。

代码利用 CATransaction 来了解动画何时完成。完成后，项目将从 tableData 数据结构中删除并从表中删除，没有任何动画。

注意：

我不确定是否需要同步，但似乎很聪明，因为我们正在处理异步删除项目。我尝试使用 indexPath 对象作为字典的键，但它似乎不起作用。改为使用该行。

希望这会有所帮助。

【讨论】：

【参考方案2】：

使用 UITableViewRowAnimationMiddle 对我来说稍微不那么糟糕了。

同样，我注意到使用 UITableViewRowAnimationTop，超出 tableviews 默认单元格高度的高度会在没有动画的情况下出现/消失。因此，如果您的 tableview 行高为 44，但您在高度为 74 的单元格中设置动画，它将立即显示 30，然后在剩余的 44 中设置动画。

使用 UITableViewRowAnimationMiddle，单元格内容的动画效果很好，但单元格边框在动画期间出现故障 - 最初出现在 30，然后为剩余的 44 设置动画。

【讨论】：

我们在 2017 年，这个问题在 tableWiews 中仍然存在。 Middle 确实比 Top 更理智地为内容制作动画。【参考方案3】：