我开发了一个应用程序,在像Tinder这样的UICollectionView中显示“全屏卡”.该卡包含图像和一些文本.我在UICollectionView的单元格中使用SDWeb
Image的sd_set
ImageWithURL方法加载图像.
然而,这并没有给我带来良好的性能,因为当用户在卡上时,图像大多是加载的.因此,我使用SDWebImagePrefetcher预取队列执行此操作,如下所示： –
func startImagePreloadingOperationForIndex(index:Int)
{
let numberOfImagesToBePreloadedOnEachSide = 20
var prevIoUsIndex = index - numberOfImagesToBePreloadedOnEachSide
var nextIndex = index + numberOfImagesToBePreloadedOnEachSide
if prevIoUsIndex < 0
{
prevIoUsIndex = 0
}
if nextIndex >= currentNewsCollection.count
{
nextIndex = currentNewsCollection.count - 1
}
if prevIoUsIndex >= nextIndex || currentNewsCollection.isEmpty
{
return
}
let arrayOfNewsStories = currentNewsCollection[prevIoUsIndex...nextIndex]
let arrayOfImageURLs = arrayOfNewsStories.map( { ImageUtility.getImageStringForNewsStory($0) } )
SDWebImagePrefetcher.sharedImagePrefetcher().prefetchURLs(arrayOfImageURLs,progress: { (x,y) -> Void in
}) { (x,y) -> Void in
}
}
当用户登陆特定卡时,调用此功能.预取队列自动管理不下载缓存中的图像,所以我不必担心.除此之外,我还使用cellForItemAtIndexPath中的sd_setImageWithURL从缓存中获取下载的图像.
这是一个更好的解决方案,因为我现在正在用户在卡上时预加载图像.但是这是一个并行队列.这意味着图像没有.可以在当前图像之前加载索引20,并且用户可能必须等待图像.如果用户滚动超过50张卡并且内存使用率也继续上升,那么应用程序也会变得有点滞后.
任何人都可以建议改进这个或更好的算法？
谢谢
解决方法
使用sd_setImageWithURL在当前卡上下载映像,并在完成处理程序中开始下载预取队列.通过这种方式,当前图像始终具有最高优先级并且不会滞后.
currentCardImageView.sd_setImageWithURL(url) { (image,error,imageCacheType,url) in
// start prefetching here
}
如果已下载当前图像,SDWebImage将识别此并从缓存中获取它.
可以通过减少预取图像的数量来解决滞后和高内存消耗的另一个问题. 20是相当高的,5应该足够了,但这取决于图像大小,网络速度等…
另一件事：SDWebImage有一个maxConcurrentOperationCount属性.从1开始,测试,增加到2,增加……等等.直到你发现它落后的观点.
