重复使用的单元格在刷新图像时滞后

Question

这里的主要问题是我正在将图像加载到自定义单元格中，并且在滚动时，重用的单元格在加载新图像时会显示旧图像。

坦率地说，不会有很多单元格，所以我的第一个想法是我可以使用 tableView.dequeueReusableCellWithIdentifier 来解决问题，但是我想尝试解决的每个地方都有人质疑为什么有人会这样做，或者他们只是提供模糊的建议而没有任何例子。

在重新处理图像时没有这种滞后的情况下显示单元格的最佳方式是什么？

class FavoritesPropertyViewCell: UITableViewCell {
    @IBOutlet weak var activityIndicator: UIActivityIndicatorView!
    @IBOutlet weak var cellPropertyImage: UIImageView!
    @IBOutlet weak var cellRoomsValue: UILabel!
    @IBOutlet weak var cellSpaceValue: UILabel!
    @IBOutlet weak var cellPriceRangeValue: UILabel!
    @IBOutlet weak var cellCityStateZipValue: UILabel!
    @IBOutlet weak var cellAddressValue: UILabel!

}

---

 func tableView(tableView: UITableView, cellForRowAtIndexPath indexPath: NSIndexPath) -> UITableViewCell{         


            var newPropertyCell: FavoritesPropertyViewCell = tableView.dequeueReusableCellWithIdentifier("FavoritesPropertyCell", forIndexPath: indexPath) as FavoritesPropertyViewCell

//... Get image, format values ...


                // Put everything in the labels.
                newPropertyCell.cellRoomsValue.text = roomsValue
                newPropertyCell.cellSpaceValue.text = spaceValue
                newPropertyCell.cellPriceRangeValue.text = priceValue
                newPropertyCell.cellAddressValue.text = addressValue
                newPropertyCell.cellCityStateZipValue.text = cityStateZipValue

                return newPropertyCell

    }

Answer 1

使用标准 UIImageView 无法解决滚动速度与网络加载速度的问题。

我的经验表明，绝对需要使用图像缓存。 有一些 cocoapods 实现了图像缓存，你可以查看 AsyncImageView 或NPRImageView

Answer 2

您应该使用占位符图像并将图像设置为初始化和重用单元格时的图像，在您的 MyCell.m 中放置类似的内容：

- (void)awakeFromNib {

    [super awakeFromNib];

    UIImage *placeHolder = [UIImage imageNamed:@"profilePlaceholder"];
    self.propertyImage=placeholder;

}

-(void)prepareForReuse {

    //this is called each time we reuse a cell
    UIImage *placeHolder = [UIImage imageNamed:@"profilePlaceHolder"];
    self,propertyImage=placeHolder;

}

现在您还想做的是创建一个图像缓存，这可以只是一个 NSMutableDictionary，然后在您的单元创建中执行以下操作：

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

    MyCell *cell = (MyCell *)[tableView dequeueReusableCellWithIdentifier:CellIdentifier forIndexPath:indexPath];
    UIImage *cachedImage = self.images[cell.propertyName];
            if (cachedImage) {
                //use cached image
                cell.propertyImage=cachedImage;
            }

            else {

                 //your image download code here



                 //then add the image to the dictionary
                 [self.images setObject:downloadedImage forKey:cell.popertyName];

                //and set it
                cell.propertyImage = downloadedImage;
}

无论如何，这些都是基础。

如果您不想使用出队，那么只需将单元格创建更改为：

MyCell *cell = [[MyCell init] alloc]; 

或者无论如何你初始化你的单元格...

Answer 3

如果您从网络加载图像，请在设置新图像之前尝试设置cell.image = nil。它至少会在下一张加载到它的位置时清除图像。

Answer 4

我找不到一种方法来绕过使用 tableView.dequeueReusableCellWithIdentifier 将单元格放入它自己的 xib 并以这种方式调用它（从长远来看，我可能最终会这样做），以防止看起来是重新加载图像，现在我只是在实例化 newPropertyCell 后立即将图像设置为占位符。

引用不存在的图像不会带回任何东西，这几乎是我想要发生的事情。

注意：“占位符”是对不存在的文件的引用，而不是错误，它不返回任何内容。

var newPropertyCell: FavoritesPropertyViewCell = tableView.dequeueReusableCellWithIdentifier("FavoritesPropertyCell") as FavoritesPropertyViewCell

newPropertyCell.cellPropertyImage.image = UIImage(named: "placeholder") 

稍后我可能会回来缓存图像，以便具有更大的持久性，并且我不必点击 API 来检查图像，或者在滚动时再次下载它。

谢谢大家！