你可以为 UITableView Cell Inserts 做自定义动画吗？

Question

我有一个由 NSFetchedResultsController 填充的 UITableView。

在表格的初始加载时，我希望在其中设置单元格动画，但我想做更多的自定义动画而不是

[tableView insertRowsAtIndexPaths:withRowAnimation:];

允许。具体来说，我想减慢动画的速度，并让它们以特定的方式从侧面飞入。我无法通过 UITableViewRowAnimation 常量来实现这一点。有没有办法使用 Core Animation 来做我想要的，或者我需要在这个特定实例中坚持使用 UIKit 动画？

感谢您的帮助！

乔尔

Answer 1

最新解决方案 (2017-12-12)

添加 Swift 4.0 版本的 animate 方法。然后应该以与以下解决方案相同的方式实现：

func animate() {
    for cell in self.tableView.visibleCells {
        cell.frame = CGRect(x: self.tableView.frame.size.width, y: cell.frame.origin.y, width: cell.frame.size.width, height: cell.frame.size.height)
        UIView.animate(withDuration: 1.0) {
            cell.frame = CGRect(x: 0, y: cell.frame.origin.y, width: cell.frame.size.width, height: cell.frame.size.height)
        }
    }
}

较新的解决方案 (2015-09-05)

添加 Swift 2.0 版本的 animate 方法。然后应该以与以下解决方案相同的方式实现：

func animate() {
    for cell in self.tableView.visibleCells {
        cell.frame = CGRectMake(320, cell.frame.origin.y, cell.frame.size.width, cell.frame.size.height)
        UIView.animateWithDuration(1.0) {
            cell.frame = CGRectMake(0, cell.frame.origin.y, cell.frame.size.width, cell.frame.size.height)
        }
    }
}

新解决方案 (2014-09-28)

我对解决方案进行了一些修改，以使实施更容易，并使其适用于 iOS8。您需要做的就是在 TableViewController 中添加这个 animate 方法，并在您希望它动画时调用它（例如，在您的 reload 方法中，但您可以随时调用它）：

- (void)animate
{
    [[self.tableView visibleCells] enumerateObjectsUsingBlock:^(UITableViewCell *cell, NSUInteger idx, BOOL *stop) {
        [cell setFrame:CGRectMake(320, cell.frame.origin.y, cell.frame.size.width, cell.frame.size.height)];
        [UIView animateWithDuration:1 animations:^{
            [cell setFrame:CGRectMake(0, cell.frame.origin.y, cell.frame.size.width, cell.frame.size.height)];
        }];
    }];
}

再次，根据您的喜好更改动画。此特定代码将以较慢的速度从右侧为单元格设置动画。

旧解决方案 (2013-06-06)

您可以通过实现自己的 UITableView 并覆盖 insertRowsAtIndexPaths 方法来做到这一点。这是一个示例，说明从右侧推动单元格的位置，非常缓慢（1 秒动画）：

- (void)insertRowsAtIndexPaths:(NSArray *)indexPaths withRowAnimation:(UITableViewRowAnimation)animation
{
    for (NSIndexPath *indexPath in indexPaths)
    {
        UITableViewCell *cell = [self cellForRowAtIndexPath:indexPath];
        [cell setFrame:CGRectMake(320, cell.frame.origin.y, cell.frame.size.width, cell.frame.size.height)];

        [UIView beginAnimations:NULL context:nil];
        [UIView setAnimationDuration:1];
        [cell setFrame:CGRectMake(0, cell.frame.origin.y, cell.frame.size.width, cell.frame.size.height)];
        [UIView commitAnimations];
    }
}

您可以自己玩动画。表格视图不会自动调用此方法，因此您必须在表格视图委托中重写 reloadData 方法并自己调用此方法。

评论

reloadData 方法应该如下所示：

- (void)reloadData
{
    [super reloadData];
    NSMutableArray *indexPaths = [[NSMutableArray alloc] init];
    for (int i = 0; i < [_data count]; i++)
        [indexPaths addObject:[NSIndexPath indexPathForRow:i inSection:0]];
    [self insertRowsAtIndexPaths:indexPaths withRowAnimation:0];
}

Answer 2

materik 的 answer 在 iOS 7.1 SDK 中对我不起作用，我在调用 [self cellForRowAtIndexPath:indexPath]; 后得到了 nil

这是我在 UITableView 子类中的代码：

- (void)insertRowsAtIndexPaths:(NSArray *)indexPaths
              withRowAnimation:(UITableViewRowAnimation)animation
{
    [super insertRowsAtIndexPaths:indexPaths withRowAnimation:UITableViewRowAnimationNone];
    [self endUpdates]; // Populates UITableView with data
    [self beginUpdates];
    for (NSIndexPath *indexPath in indexPaths) {
        __block UITableViewCell *cell = [super cellForRowAtIndexPath:indexPath];
        if (cell) { // If indexPath isn't visible we'll get nil here
            // Custom animation
            CGRect frame = cell.frame;
            frame.origin.x = cell.frame.size.width;
            cell.frame = frame;
            frame.origin.x = 0;
            void (^animationsBlock)() = ^{
                cell.frame = frame;
            };
            if ([[UIView class] respondsToSelector:
                 @selector(animateWithDuration:delay:usingSpringWithDamping:
                           initialSpringVelocity:options:animations:completion:)]) {
                [UIView animateWithDuration:0.3
                                      delay:0
                     usingSpringWithDamping:0.5
                      initialSpringVelocity:0
                                    options:0
                                 animations:animationsBlock
                                 completion:NULL];
            } else {
                [UIView animateWithDuration:0.3
                                      delay:0
                                    options:UIViewAnimationOptionCurveEaseIn
                                 animations:animationsBlock
                                 completion:NULL];
            }
        }
    }
}

Answer 3

使用这个：

-(void)tableView:(UITableView *)tableView willDisplayCell:(UITableViewCell *)cell forRowAtIndexPath:(NSIndexPath *)indexPath{
         [cell setFrame:CGRectMake(320, cell.frame.origin.y, cell.frame.size.width, cell.frame.size.height)];
            [UIView animateWithDuration:2 animations:^{
                [cell setFrame:CGRectMake(100, cell.frame.origin.y, cell.frame.size.width, cell.frame.size.height)];

            }];

}

Answer 4

Swift 3.0 版本的 Mattias Eriksson 的答案

func animate() {
    for cell in tblView.visibleCells {
        cell.frame = CGRect(x:320, y:cell.frame.origin.y, width:cell.frame.size.width, height:cell.frame.size.height)
            UIView.animate(withDuration: 1.0) {
                cell.frame = CGRect(x:0, y:cell.frame.origin.y, width:cell.frame.size.width, height:cell.frame.size.height)
            }
    }
}