在UICollectionView和UITableView中最佳地预加载/预取图像

Question

我有一个我想象的非常常见的情况，我希望很容易解决 - 一个带有UICollectionView的应用程序，每个单元格中的图像通过http / https从Web服务器上的API获取。

我正在尝试在UICollectionView中实现iOS 10的预取 ，以便提前请求可能需要的图像。

在我看来，最佳预取应满足各种要求：

1. 实际上立即需要的图像的获取应始终优先于推测预取，即使图像已经在要获取的队列中。
2. 当iOS告诉我们不再需要预取特定图像时，应该从预取队列中删除它（并且只有它）。
3. 如果请求图像，则应始终传送图像，除非取消/全部/请求图像（如果在多个单元格或多个视图控制器中使用一个图像，则容易出错）。
4. 如果调用didEndDisplaying，则应该中止优先获取（但是，如果请求了预取但未取消，则图像应该以较低的优先级留在队列中）。
5. 与图像加载有关的各种常见要求 - 例如。 不要使用预取请求充斥底层系统，这些请求最终会使带宽和服务器插槽远离立即需要的映像。

我查看了各种现有的库，如SDWebImage和Kingfisher ，并且很惊讶，似乎没有任何方法可以轻松地使用任何一个库来满足上述要求。

例如，SDWebImage不符合第二个要求 - 您只能取消所有预取 ，或者必须为每个图像创建一个预取程序（这意味着其他各种SDWebImage功能，例如限制预取图像的并发请求数量） - 即要求5 - 不再有效。）

这真的是一个难题吗？ 我错过了一些明显的解决方案吗 我是否过度思考要求？

Answer 1

如果从prefetchItemsAt indexPaths传递的最新索引路径不够，您似乎需要实现自己的优先级。

要求1,2,3使用优先级队列（排序堆）完成。 要求4取决于您的优先级队列的实施。 5是相当宽泛和模糊的，只是限制了你的方法的提取次数。 优先级队列采用泛型类型，因此您可以将它与对象/类一起使用，该对象/类具有您要获取的项目的属性，下面我只使用IndexPath.row来简化。

创建一个优先级队列，用作数据源和缓存之间的中介。

然后通过查看/出列优先级队列并存储在Kingfisher中，将数据设置为从DataSource获取。 您的DataSource - > PriorityQueue - > Kingfisher - > Cell

func collectionView(_ collectionView: UICollectionView, prefetchItemsAt indexPaths: [IndexPath]) {
     ...
    for indexPath in IndexPaths {
       //Add the indexPath to the top of the priority queue
       //highest priority is determined by the sort function you used when initializing the priority queue. 
       priorityQueue?.enqueue(indexpath.row)
    }

   //Call your method for getting the properties
   self.fetchObjectsByPriority() 
}


 func fetchObjectsByPriority() {
        if let count = priorityQueue?.count {
        for _ in 0...count {

            //get the index
            var index = self.priorityQueue?.dequeue()
            //Alternatively .peek() with out dequeuing item
            //get image data and store
            dataSource[index].image = ...

        }
    }
}

确保使用sort函数初始化优先级队列。

您可以从此处获得预构建的优先级队列，您还需要一个堆来创建优先级队列。

更多关于优先级队列和堆排序

如果没有相关代码，很难提供有效的解决方案。 我希望这会有所帮助，欢呼和祝你好运！