圖像未立即在表視圖中加載

Question

我正在使用SDWebImage並抓取與新聞API中的新聞報道相關的圖像。

問題是，屏幕上的單元格的圖像不加載，直到我開始滾動UITableView。一旦我滾動過一個單元格，並且它離開屏幕，一旦我回到它，圖像將最終加載。

這裏是我的(UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath代碼：

if ([feedLocal.images count] == 0) { 
    [cell.imageView setImage:[UIImage imageNamed:@"e.png"]]; 
} 
else {  
    Images *imageLocal = [feedLocal.images objectAtIndex:0]; 
    NSString *imageURL = [NSString stringWithFormat:@"%@", imageLocal.url]; 
    NSLog(@"img url: %@", imageURL); 

    // Here we use the new provided setImageWithURL: method to load the web image 
    __weak UITableViewCell *wcell = cell; 
    [cell.imageView setImageWithURL:[NSURL URLWithString:[NSString stringWithFormat:@"%@", imageURL]] 
        placeholderImage:[UIImage imageNamed:@"115_64.png"] 
          completed:^(UIImage *image, NSError *error, SDImageCacheType cacheType) { 
           if(image == nil) { 
            [wcell.imageView setImage:[UIImage imageNamed:@"115_64.png"]]; 
            //]; 
           } 
          } 
    ]; 
} 

任何想法，爲什麼會是這樣嗎？它只是看起來像UITableView加載時，圖像沒有被告知加載或直到滾動開始？

任何建議非常感謝，謝謝！

Answer 1

我以前遇到過類似的問題，結果證明tableview中的圖像正確下載。你面臨的真正問題是刷新問題。當每個圖像被下載時，它必須被刷新以便在tableview中顯示。在我的情況下，下載部分是在一個單獨的文件中完成的，所以我使用NSNotificationCenter來告訴tableview控制器類來刷新它。這裏是你可以用你的代碼做什麼：

if ([feedLocal.images count] == 0) { 
    [cell.imageView setImage:[UIImage imageNamed:@"e.png"]]; 
} 
else {  
    Images *imageLocal = [feedLocal.images objectAtIndex:0]; 
    NSString *imageURL = [NSString stringWithFormat:@"%@", imageLocal.url]; 
    NSLog(@"img url: %@", imageURL); 

    // Here we use the new provided setImageWithURL: method to load the web image 
    __weak UITableViewCell *wcell = cell; 
    [cell.imageView setImageWithURL:[NSURL URLWithString:[NSString stringWithFormat:@"%@", imageURL]] 
        placeholderImage:[UIImage imageNamed:@"115_64.png"] 
          completed:^(UIImage *image, NSError *error, SDImageCacheType cacheType) { 
           if(image == nil) { 
            [wcell.imageView setImage:[UIImage imageNamed:@"115_64.png"]]; 
            [[NSNotificationCenter defaultCenter] postNotificationName:@"ImageDownloaded" object:nil]; 
            //]; 
           } 
          } 
    ]; 
} 

，然後你可以使用它作爲以下稱重裝數據：

- (void) imageDownloaded:(NSNotification *)notification{ 

    [self.tableView reloadData]; 
} 

這樣，你不需要爲了看到滾動圖像，而不是它們在下載後立即顯示。

希望這會有所幫助！

Answer 2

請與：

[cell.imageView setImageWithURL:[NSURL URLWithString:[NSString stringWithFormat:@"%@", imageURL]] placeholderImage:[UIImage imageNamed:@"115_64.png"] completed:^(UIImage *image, NSError *error, SDImageCacheType cacheType) { 
           if(image == nil) 
           { 
            [wcell.imageView setImage:[UIImage imageNamed:@"115_64.png"]]; 
           } 
           else 
           { 
            dispatch_sync(dispatch_get_main_queue(), ^{ 
            [cell.imageView setImage:image]; 
            }); 
           } 
          }]; 

Answer 3

可能性很小，這將解決您的問題，但這是太長，無法在註釋：

提示1：

如果您重複使用單元格，則不應在回調中執行[wcell.imageView setImage:]。在執行回調代碼時，wcell將指向表視圖中與您想要更改圖像的單元格不同的單元格。

相反，使用indexPath來引用單元格你想修改：

completed:^(UIImage *image, NSError *error, SDImageCacheType cacheType) { 
    if(image == nil) { 
     UITableViewCell *actualCell = [tableView cellForRowAtIndexPath:indexPath]; 
     [actualCell.imageView setImage:[UIImage imageNamed:@"115_64.png"]]; 
    } 
} 

注意，如果單元格你想改變圖像不顯示了，cellForRowAtIndexPath:將返回nil，這是絕對細：

返回值

表示細胞Ô一個目的如果單元格不可見或indexPath超出範圍，則表或nil。

提示2：

無需重新創建一個字符串時，你已經有一個;）

[NSURL URLWithString:[NSString stringWithFormat:@"%@", imageURL]] 

[NSURL URLWithString:imageURL] // imageURL is already a string 

您的問題：

我有點困惑，你展示的代碼真的是一個簡單的應用SDWebImage「怎麼樣」的例子，我只是用v 3.3的框架，我的細胞更新得很好。所以儘量減少你的代碼到最低限度，以確定真正的問題。

我會說擺脫所有的應用程序邏輯（例如feedLocal.images），並找出問題是否實際上來自SDWebImage或不。

Answer 4

不知道你是否已經解決了你的問題，但我通過下面的代碼解決了我的問題。

基本思路是將單元格引用設置爲可用於塊內，並在完成的方法中手動設置單元格的圖像。希望能幫助到你。

__block UITableViewCell *cell2 = cell; 

id data = [[self itemArray] objectAtIndex:[indexPath item]]; 

if ([data isKindOfClass:[MyItems class]]) { 

    MyItems *myData = (MyItems *)data; 
    [[cell2 imageView] setImageWithURL:[myData url] 
         placeholderImage:[UIImage imageNamed:@"placeHolder.png"] 
          completed:^(UIImage *image, NSError *error, SDImageCacheType cacheType) { 
           // do check that this is the right cell to put your image 
           // your methods here 

           if (image) { 
            [[cell2 imageView] setImage:image]; 
           } 
    }]; 
} 

因爲如果這是正確的細胞檢查，我猜是這樣的（我沒有時間去檢查它）

__block UITableViewCell *cell2 = cell; 

id data = [[self itemArray] objectAtIndex:[indexPath item]]; 

if ([data isKindOfClass:[MyItems class]]) { 

    __block MyItems *myData = (MyItems *)data; 
    [[cell2 imageView] setImageWithURL:[myData url] 
         placeholderImage:[UIImage imageNamed:@"placeHolder.png"] 
          completed:^(UIImage *image, NSError *error, SDImageCacheType cacheType) { 
           // do check that this is the right cell to put your image 
           // your methods here 
           id currentData = [[self itemArray] objectAtIndex:[indexPath item]]; 
           if ([currentData isKindOfClass:[MyItems class]] && [ [[(MyItems *)currentData url] absoluteString] isEqualToString:[[myData url] absoluteString] ]) { 
           // it is the right cell to put in :) 
            if (image) { 
             [[cell2 imageView] setImage:image]; 
            } 
           } 
    }]; 
} 

Answer 5

NSString *mainimg=[NSString stringWithFormat:@"%@",[[xmlDataDictionary valueForKeyPath:@"eg.main.img1"]objectAtIndex:indexPath.row]]; 
NSURL *url = [NSURL URLWithString:mainimg]; 
NSData *imge = [[NSData alloc] initWithContentsOfURL:url]; 
cell.img.image=[UIImage imageWithData:imge];