在 UITableView 中插入最后一行并平滑滚动

Question

我正在尝试创建一个类似聊天机器人的应用程序，我使用了带有自定义单元格的 UITableView 来满足我的需求。每当添加新消息时，我都会创建并插入一个新行，然后滚动到UITableView 的底部。一切正常，直到某一点，但是当单元格的高度发生变化时（我有两种不同类型的单元格），动画很混乱，它不能平滑滚动到最后并且整个UITableView 闪烁，这是不是很好的用户体验。我尝试了几种方法：

1 - 将数据添加到数据源数组并重新加载UITableView，然后滚动到底部。

2 - 使用 insertRowsAtIndexPaths 然后滚动到底部。

他们都有滚动的相同问题。我已经使用scrollToRowAtIndexPath 到达了UITableView 的底部

我已经上传了一个演示应用程序的代码，它代表模拟相同的问题here，所以它很容易理解。 Here 是该问题的视频。非常感谢任何帮助。

此问题可能不会出现在模拟器上，请在设备上运行演示项目。

在阅读了所有的 cmets 并在聊天中进行讨论后，我注意到 iPhone 5C (10.3.3) 上发生了这种情况。我在 iPhone 5S (11.3) 上运行了演示，没有出现问题。不确定这是否与操作系统有关。

Answer 1

重新加载整个 tableview 会导致滚动混乱，而不是在最后一个位置插入行。

在您的操作方法中进行以下更改

- (IBAction)btnLargeCellClicked:(id)sender {    // To add large green colored row.

    /************ This is the FIRST approach. ***********/
    [arrHeight addObject:@"100"];
    [arrData addObject:@"1"];
    NSIndexPath* ip = [NSIndexPath indexPathForRow:[_myTable numberOfRowsInSection:0] inSection:0];
    [_myTable insertRowsAtIndexPaths:@[ip] withRowAnimation:UITableViewRowAnimationFade];
    [self scrollTableviewToLastRow];


    /************ This is the SECOND approach. ***********/
//    [arrHeight addObject:@"100"];
//    [_myTable beginUpdates];
//    NSIndexPath *row1 = [NSIndexPath indexPathForRow:arrData.count inSection:0];
//    [arrData insertObject:@"1" atIndex:arrData.count];
//    [_myTable insertRowsAtIndexPaths:[NSArray arrayWithObjects:row1, nil] withRowAnimation:UITableViewRowAnimationFade];
//    [_myTable endUpdates];
//    [self scrollTableviewToLastRow];
}

还有

- (IBAction)btnClicked:(id)sender {     // To add small red colored row.
    /************ This is the FIRST approach. ***********/
    [arrHeight addObject:@"50"];
    [arrData addObject:@"1"];
    NSIndexPath* ip = [NSIndexPath indexPathForRow:[_myTable numberOfRowsInSection:0] inSection:0];
    [_myTable insertRowsAtIndexPaths:@[ip] withRowAnimation:UITableViewRowAnimationFade];
    [self scrollTableviewToLastRow];


    /************ This is the SECOND approach. ***********/
//    [arrHeight addObject:@"50"];
//    [_myTable beginUpdates];
//    NSIndexPath *row1 = [NSIndexPath indexPathForRow:arrData.count inSection:0];
//    [arrData insertObject:@"1" atIndex:arrData.count];
//    [_myTable insertRowsAtIndexPaths:[NSArray arrayWithObjects:row1, nil] withRowAnimation:UITableViewRowAnimationFade];
//    [_myTable endUpdates];
//    [self scrollTableviewToLastRow];

}

希望这会有所帮助:)

Answer 2

看到你的源之后，可以说 tableView reloadData 每次都重新加载单元格，这使得动画每增加一个单元格就更加忙碌。 为了您的目标，您应该使用另一个系统：

[self.tableView beginUpdates];
[self.tableView reloadRowsAtIndexPaths:@[indexPathOfYourCell] withRowAnimation:UITableViewRowAnimationAutomatic];
[self.tableView endUpdates]; 

而且，也许你最后也需要 scrollToRowAtIndexPath

Answer 3

你需要这个，改变下面的第二种方法

[arrHeight addObject:@"50"];
//    [_myTable beginUpdates];
    NSIndexPath *row1 = [NSIndexPath indexPathForRow:arrData.count inSection:0];
    [arrData insertObject:@"1" atIndex:arrData.count];
    [_myTable insertRowsAtIndexPaths:[NSArray arrayWithObjects:row1, nil] withRowAnimation:UITableViewRowAnimationNone];
    [_myTable reloadRowsAtIndexPaths:@[row1] withRowAnimation:UITableViewRowAnimationNone];

//    [_myTable endUpdates];
    [self scrollTableviewToLastRow];