关于TableView中图片的延时加载

简介: 经常我们会用tableView显示很多条目, 有时候需要显示图片, 但是一次从服务器上取来所有图片对用户来浪费流量, 对服务器也是负担.最好是按需加载,即当该用户要浏览该条目时再去加载它的图片。

经常我们会用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];
}
目录
相关文章
|
3月前
|
存储 JavaScript UED
图片懒加载
图片懒加载
|
5月前
懒加载和无限滚动
懒加载和无限滚动
|
11月前
|
存储
图片懒加载(二)
图片懒加载(二)
48 1
懒加载只能对图片进行懒加载吗?
懒加载只能对图片进行懒加载吗?
|
JavaScript UED
实现图片懒加载
实现图片懒加载
|
JavaScript UED 缓存
图片预加载和懒加载的实现方法
图片预加载,即图片提前加载,可以保证图片快速、无缝的发布,用户需要查看时可直接从本地缓存中渲染,适用于图片占据很大比例的网站。 一、懒加载 将图片src赋值为一张默认的图片,当用户滚动到可视区域的时候,再去加载真正的图片; 代码实现: html代码 js代码 vue中实现懒加载 对于图片过多的页面,为了加速页面加载速度,所以很多时候我们需要将页面内未出现在可视区域内的图片先不做加载, 等到滚动到可视区域后再去加载。
2183 0
一个重要的类 CALayer
一个重要的类CALayer —— 基本概览(一)一个重要的类CALayer —— 其与UIView的区别(二)一个重要的类CALayer ——主要属性及其在显示图片中的简单应用(三)
773 0
|
移动开发 JavaScript 前端开发