關於TableView中圖片的延時載入

來源:互聯網
上載者:User

經常我們會用tableView顯示很多條目, 有時候需要顯示圖片, 但是一次從伺服器上取來所有圖片對使用者來浪費流量, 對伺服器也是負擔.最好是按需載入,即當該使用者要瀏覽該條目時再去載入它的圖片。

重寫如下方法
- (void)tableView:(UITableView *)tableView willDisplayCell:(UITableViewCell *)cell forRowAtIndexPath:(NSIndexPath *)indexPath
{
    UIImage *image = [self getImageForCellAtIndexPath:indexPath];  //從網上取得圖片
    [cell.imageView setImage:image];
}

這雖然解決了延時載入的問題, 但當網速很慢, 或者圖片很大時(假設,雖然一般cell中的圖很小),你會發現程式可能會失去對使用者的響應.
原因是UIImage *image = [self getImageForCellAtIndexPath:indexPath]; 這個方法可能要花費大量的時間,主線程要處理這個method.
所以失去了對使用者的響應.

所以要將該方法提出來:
- (void)updateImageForCellAtIndexPath:(NSIndexPath *)indexPath
{
    NSAutoreleasePool *pool = [[NSAutoreleasePool alloc] init];
    UIImage *image = [self getImageForCellAtIndexPath:indexPath];
    UITableViewCell *cell = [self.tableView cellForRowAtIndexPath:indexPath];
    [cell.imageView performSelectorOnMainThread:@selector(setImage:) withObject:image waitUntilDone:NO];
    [pool release];
}
然後再新開一個線程去做這件事情
- (void)tableView:(UITableView *)tableView willDisplayCell:(UITableViewCell *)cell forRowAtIndexPath:(NSIndexPath *)indexPath
{
    [NSThread detachNewThreadSelector:@selector(updateImageForCellAtIndexPath:) toTarget:self withObject:indexPath];
}

同理當我們需要長時間的計算時,也要新開一個線程 去做這個計算以避免程式處於假死狀態

以上代碼只是樣本, 還可以改進的更多, 比如從網上down下來一次後就將圖片緩衝起來,再次顯示的時候就不用去下載。

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.