SDWebImage在單元中重復圖像，而不是等待加載。

Question

我正在使用SDWebImage從服務器將圖像提取到IOS中的表視圖應用程序。 但是問題是，當我在表格視圖中向下滾動而不是等待圖像加載時，將下載的圖像放在表格視圖的前幾行中，並重復這些圖像直到最后一行，當它下載圖像時，它將更改那些重復圖像到該行的實際圖像。

      NSURL * url = [NSURL URLWithString:string];

    SDWebImageManager *manager = [SDWebImageManager sharedManager];
    [manager downloadImageWithURL:url
                     options:0
                    progress:^(NSInteger receivedSize, NSInteger expectedSize)
     {
         // progression tracking code
     }
                   completed:^(UIImage *image, NSError *error, SDImageCacheType cacheType, BOOL finished,NSURL * url)
     {
         if (finished && image  )
         {

             NSArray *visibleIndexPaths = [tableView indexPathsForVisibleRows];
                 if ([visibleIndexPaths containsObject:indexPath]) {

                         cell.myImage.image = image;

                 }

         }

     }];

Answer 1

實際上，這不是SDWebImage的錯誤，而是UITableView工作原理的本質。 downloadImageWithURL ，是一個異步過程，因此，當您調用tableView委托/數據源方法時，該圖像尚未下載，因此cellForRow沒有要顯示的圖像。 要解決此問題，您應該首先將緩存中的圖像檢查為

[[SDWebImageManager sharedManager] diskImageExistsForURL:[NSURL URLWithString:ImageUrl]]

如果是，則將圖像設置為UIImageView，否則使用downloadImageWithURL下載圖像並添加單元格標簽（以顯示圖像以正確顯示行），如下所示：

cell.tag = indexPath.row;

成功下載后，首先檢查正確的行為

if(cell.tag == indexPath.row){

並將圖像設置為UIImageView.here是setImage方法。

-(void)setImage:(SLFirstTableViewCell *)cell atIndexPath:(NSIndexPath *)indexPath{
    SLFirstTableViewCellItem * slFirstTableViewCellItem = [self.categories objectAtIndex:indexPath.row]; // categories is array of items,replace with yours.

    NSString *ImageUrl = slFirstTableViewCellItem.imageUrl; //assume image url is in slFirstTableViewCellItem object.

    cell.tag = indexPath.row;

    if([[SDWebImageManager sharedManager] diskImageExistsForURL:[NSURL URLWithString:ImageUrl]]){
        [cell.imgItem setImage: [[SDImageCache sharedImageCache] imageFromDiskCacheForKey:ImageUrl]];
        [self hideProgressView:cell];
    }else{
        [self showProgressView:cell];

        [SDWebImageDownloader.sharedDownloader downloadImageWithURL:[NSURL URLWithString:ImageUrl]
                                                            options:0
                                                           progress:^(NSInteger receivedSize, NSInteger expectedSize)
         {
             // progression tracking code
         }
                                                          completed:^(UIImage *image, NSData *data, NSError *error, BOOL finished)
         {

             if (image && finished)
             {
                 [[SDImageCache sharedImageCache] storeImage:image forKey:ImageUrl]; // cache image

                 if(cell.tag == indexPath.row){ // check if correct row
                     [cell.imgItem setImage:image];
                     [self hideProgressView:cell];
                 }
             }else{
                 cell.imgItem.hidden = YES;
                 cell.progressBar.hidden = YES;
             }
         }];
    }
}

並定義showProgressView和hideProgressView方法為

-(void)showProgressView:(SLFirstTableViewCell *)cell {
    cell.progressText.hidden = NO;
    cell.progressBar.hidden = NO;
    cell.imgItem.hidden = YES;
    [cell.progressBar startAnimating];
    [cell.progressText setText:@"Loading Image..."];
}

-(void)hideProgressView:(SLFirstTableViewCell *)cell{
    cell.progressBar.hidden = YES;
    cell.progressText.hidden = YES;
    cell.imgItem.hidden = NO;
    [cell.progressBar stopAnimating];
}

最后從cellForRowAtIndexPath方法調用setImage （在返回單元格之前）為

[self setImage:cell atIndexPath:indexPath];