iOS UITableView 向上滚动时滚动位置跳跃

Posted 2023-03-04

【中文标题】iOS UITableView 向上滚动时滚动位置跳跃

【英文标题】：iOS UITableView scroll position jumps when scrolling up

【发布时间】：2015-03-31 07:40:18

【问题描述】：

这就是我想要做的。 我有一个UITableViewCell，可以说固定高度为 300（它实际上是一个可变大小的高度，但我试图简化示例）

我想要实现的是，当我向上滚动时 - 我将有一个“缩略图”版本的单元格 - 高度为 75

我设法做到了，但现在的问题是，当我向上滚动时，之前的单元格高度会被调整，一旦单元格尺寸变小，滚动位置就会“跳跃”，这会导致视图“向下跳跃”当他向上滚动时。

如何调整？

代码：

- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath

    UITableViewCell *cell;
    if (indexPath.row < lastViewedChapter)
    
        cell = [self generateChapterCell:tableView indexPath:indexPath collapsed:YES];
    
    else
    
        cell = [self generateChapterCell:tableView indexPath:indexPath collapsed:NO];
        if (indexPath.row > lastViewedChapter)
        
            lastViewedChapter = indexPath.row;
        
    
    return cell;


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

    if (indexPath.row < lastViewedChapter)
    
        return 73;
    
    else
    
        return 300;  //actually here is a code that calculates the height
    

【问题讨论】：

这是一段时间以来我在 SO 上看到的最酷的东西之一。因此，当您说视图“跳回”时，您的意思是 tableview 的内容，即单元格突然向上跳？因为那是我认为应该发生的事情。

我认为我们在谈论同样的事情。当您向上滚动时，您会到达可见单元格的边缘，然后重新生成顶部单元格，导致滚动返回到可见单元格中间的某个位置。用户体验真的很差——怎么办？

我操纵了委托函数来获得你需要的东西。检查一下，让我知道它是否适合你。

【参考方案1】：

您已经降低了上部单元格的高度，然后其他单元格向上移动以填充该空间，而您仍在向右滚动？

当你改变单元格的高度时，尝试设置新的 tableView.contentOffset。

在您的情况下，当您将单元格的高度返回为 73 时， contentOffset.y 应该是 (old contentOffset.y - (300 - 73))。

我没有对此进行测试，但我认为它可能会有所帮助，并且您也必须为其他情况计算新的 contentOffset（向下滚动时，当表格重新加载数据时）。

static NSInteger _lastRow = -1;

- (CGFloat)tableView:(UITableView *)tableView heightForRowAtIndexPath:(NSIndexPath *)indexPath 
    if (_lastRow == -1) 
        _lastRow = indexPath.row;
        return 300;
     else 
        if (_lastRow > indexPath.row) 
            _lastRow = indexPath.row;
            if ([tableView rectForRowAtIndexPath:indexPath].size.height == 300) 
                [tableView setContentOffset:CGPointMake(tableView.contentOffset.x, (tableView.contentOffset.y - (300 - 73)))];
            
            return 73;
         else 
            _lastRow = indexPath.row;
            return 300;
        
    

这段代码工作正常，但仍有一些错误（第一次加载数据时的第一行高度就像你向上滚动一次，当你快速向上滚动到顶部时它不会正常反弹）但我希望这对你有帮助.

【讨论】：

OMG...所以我必须保存“何时”折叠单元格的状态？ （因为到目前为止我只需要最后一个没有折叠的单元格索引）

你的意思是旧的内容偏移吗？我的旧 contentOffset 是这样的当前 contentOffset。 tableView.contentOffset = CGPointMake(tableView.contentOffset.x, (tableView.contentOffset.y - (300 - 73)));这段代码应该放在return 73之前；我认为在你的代码中。

我的意思是我需要保存从 300 切换到 73 的状态（点击时反之亦然）。到目前为止，我只有一个单元格的状态（折叠/未折叠） - 但它可以重绘多次 - 所以这还不够

滚动是跳转的，因为在调整单元格大小时 contentOffset 发生了变化。所以你应该设置新的 contentOffset 来强制滚动跳回正确的位置，但是你不会看到它上下跳动，因为它太快了。

好的 - 我会尝试描述它 - 我向上滚动 - 单元格被缩小了。凉爽的。现在我向下滚动，然后再次向上滚动 - 它们保持相同的大小（缩小）。在这种情况下，我不能碰 contentOffset... 你明白我的意思了吗？我需要每个单元格的“增量状态”

【参考方案2】：

这是肯定会发生的，因为您更改了单元格高度。

问题是如何减轻这种糟糕的用户体验。

UITableView 是 UIScrollView 的子类。 UIScrollViews 提供在 UITableView 类中也可用的委托。

执行以下操作。

self.tableView.delegate = self;

然后实现下面的函数。在下文中，位置是在您的标头中定义的CGPoint 变量。

-(void)tableView:(UITableView *)tableView willDisplayCell:(UITableViewCell *)cell forRowAtIndexPath:(NSIndexPath *)indexPath

    location = tableView.contentOffset;


-(void)tableView:(UITableView *)tableView didEndDisplayingCell:(UITableViewCell *)cell forRowAtIndexPath:(NSIndexPath *)indexPath

    CGPoint newLocation = tableView.contentOffset;
    if (CGPointEqualToPoint(location, newLocation))
    
        NSLog(@"are equal");
        tableView.contentOffset = CGPointMake(location.x, location.y-227);