TableView willDisplayCell 为不在屏幕上的单元格调用（tableView 分页）

Question

我使用the idea of custom TableView pagination 使用 willDisplayCell（或 cellForRowAt）并从服务器更新。

问题是即使对于不在屏幕上的单元格也会调用 willDisplay。

如何处理这种行为并更改流程以仅在用户滚动到最后一个单元格时更新单元格？

private func isLoadingIndexPath(_ indexPath: IndexPath) -> Bool {
    return indexPath.row == self.orders.count - 1
}

override func tableView(_ tableView: UITableView, willDisplay cell: UITableViewCell, forRowAt indexPath: IndexPath) {
    // fetch new data if user scroll to the last cell
    guard isLoadingIndexPath(indexPath) else { return }
    if self.totalItems > orders.count {
        fetchNextPage()
    }
}

private func fetchNextPage() {
    self.currentPage += 1
    self.delegate?.didReachLastCell(page: currentPage)
}

didReachLastCell 调用 addOrders：

func addOrders(_ orders: [OrderView]) {
    self.orders.append(contentsOf: orders)
    reloadOrders()
}

fileprivate func reloadOrders() {
    self.tableView.reloadData()
}

注意：同样的问题对于 cellForRowAt 方法也可以重现。

Answer 1

实现这 3 个 scrollViewDelegate 方法，并使用您的固定高度单元格编号和当前 scrollOffset 来了解它是否是最后一个单元格

func scrollViewWillBeginDragging(_ scrollView: UIScrollView) {

}
func scrollViewDidEndDecelerating(_ scrollView: UIScrollView) {

}
//Pagination
func scrollViewDidEndDragging(_ scrollView: UIScrollView, willDecelerate decelerate: Bool) {

 }

Answer 2

来自关于tableView(_:willDisplay:forRowAt:)的文档：

一个表视图在它使用之前将这个消息发送给它的委托 单元格绘制一行，从而允许委托自定义 单元格对象在显示之前。此方法为委托提供了一个 有机会覆盖表之前设置的基于状态的属性 视图，例如选择和背景颜色。委托后 返回，表格视图仅设置 alpha 和 frame 属性，并且 然后仅在行滑入或滑出时为行设置动画。

这个描述没有提到该方法只会被屏幕上的单元格调用。

您可以将分页逻辑放到其他一些方法中。例如：

func scrollViewDidScroll(_ scrollView: UIScrollView) {
    //
}

并使用例如scrollView.contentOffset、scrollView.contentSize、tableView.indexPathsForVisibleRows 等检查表的状态...

Answer 3

正如@iWheeBuy 所说，willDisplayCell 不会说单元格在屏幕上，因此您可以通过检查 tableView.visibleCells 来做到这一点。

但是，即使在滚动时调用此函数并且它将出现在屏幕上，tableView.visibleCells.contains(cell) 也会为 false。

对我有用的一种方法是延迟，所以完整的代码是：(SWIFT 4)

    func tableView(_ tableView: UITableView, willDisplay cell: UITableViewCell, forRowAt indexPath: IndexPath) {

        DispatchQueue.main.asyncAfter(deadline: .now() + 0.1) {
            if tableView.visibleCells.contains(cell) {
                // load more data
            }
        }
    }

Answer 4

我在使用UITableView.automaticDimension 作为单元格高度时遇到了这个问题。我使用更高的estimatedRowHeight 属性值解决了这个问题。

类似这样的：

tableView.estimatedRowHeight = 1000

现在willDisplay 将只对可见的行调用。

Answer 5

事实上，UICollectionView 上的 prefetchingEnabled 属性可以满足您的需求。

• prefetchingEnabled

总结

表示是否启用单元格和数据预取。声明

@property(nonatomic, getter=isPrefetchingEnabled) BOOL prefetchingEnabled;

讨论

如果是，集合视图会提前请求单元格 将被显示，将渲染分布在多个布局上 通过。否时，请求单元格，因为它们需要 显示，通常在同一个渲染中请求多个单元格 环形。将此属性设置为 NO 也会禁用数据预取。这 此属性的默认值为 YES。注意 当预取是 启用 collectionView:cellForItemAtIndexPath: 方法 集合视图委托在单元格被调用之前被调用 必需的。为避免视觉外观不一致，请使用 collectionView:willDisplayCell:forItemAtIndexPath: 委托方法 更新单元格以反映视觉状态，例如选择。

来源： Apple Documentation

Answer 6

DispatchQueue.main.asyncAfter(deadline: .now() + 0.1) {
   if tableView.visibleCells.contains(cell) {
      if (indexPath.row == self.arrProduct.count - 1){
                    if self.arrProduct.count > 0 {
                        if(self.arrProduct.count % self.RECORD_SET_LIMIT == 0 && self.isLoadMore) {
                            self.currentPage = self.currentPage + 1
                            print(self.currentPage)
                            self.perform(#selector(self.serviceGetProductByStatus), with: nil, afterDelay: 0.1)
                        }
                    }
                }
            }
        }

Answer 7

在您的界面构建器中选择 UITableView。打开尺寸检查器并在“表格视图”部分取消选中“估计”行旁边的复选框。

Answer 8

tableView(_:willDisplay:forRowAt:): 调用此方法时，第一次返回所有单元格，无论所有单元格是否可见。 因此，如果您想在此方法中实现分页逻辑，则必须首先检查可见单元格。 即

    if let visibleRows = tableView.indexPathsForVisibleRows , indexPath == visibleRows.last {
        guard isLoadingIndexPath(indexPath) else { return }
        if self.totalItems > orders.count {
            fetchNextPage()
        }
    }