使用UIImageView展现来自网络的图片
2012-03-14 13:06
435 查看
在iOS开发过程中,经常会遇到使用UIImageView展现来自网络的图片的情况,最简单的做法如下:
这么做,最直接的问题就是阻塞UI线程了。
于是考虑利用NSOperationQueue来异步加载图片:
这么做的话,就可以避免阻塞UI线程了。当图片异步加载完成后,就会展现出来。
但是,第二次进入该界面,还是要重新下载图片,用户体验不好,且浪费资源(比如耗电)。
于是,考虑缓存已经下载的图片。
模仿操作系统(Cache - Memory - Disk),缓存图片也可以采取两层模型:内存和磁盘。
保存到内存中比较简单,只需要用NSDictionary来维护即可。而保存到磁盘,涉及到本地文件读写,可以参考“文件和数据管理”。
首先需要创建一个缓存目录:
接着可以用图片名称或者URL或者hash过后的值作为key(本地文件名),写入到本地:
这样,在每次下载图片之前,先判断是否已经有缓存了,可以优化体验和性能。
我把完整的源代码写成Category以重用,放在GitHub上:https://github.com/siqin/OnlineImageView 。
Jason Lee @ Hangzhou
Blog: http://blog.csdn.net/jasonblog
Weibo: @思禽饮霜
- (void)viewDidLoad { [super viewDidLoad]; self.imageView = [[[UIImageView alloc] initWithFrame:CGRectMake(0, 0, 100, 100)] autorelease]; self.imageView.layer.masksToBounds = YES; self.imageView.layer.cornerRadius = 5.0f; [self.imageView setBackgroundColor:[UIColor grayColor]]; [self.view addSubview:self.imageView]; NSURL *imageUrl = [NSURL URLWithString:IMAGE_URL]; UIImage *image = [UIImage imageWithData:[NSData dataWithContentsOfURL:imageUrl]]; self.imageView.image = image; }
这么做,最直接的问题就是阻塞UI线程了。
于是考虑利用NSOperationQueue来异步加载图片:
- (void)viewDidLoad { [super viewDidLoad]; operationQueue = [[NSOperationQueue alloc] init]; self.imageView = [[[UIImageView alloc] initWithFrame:CGRectMake(110, 50, 100, 100)] autorelease]; self.imageView.layer.masksToBounds = YES; self.imageView.layer.cornerRadius = 5.0f; [self.imageView setBackgroundColor:[UIColor grayColor]]; [self.view addSubview:self.imageView]; NSInvocationOperation *op = [[NSInvocationOperation alloc] initWithTarget:self selector:@selector(downloadImage) object:nil]; [operationQueue addOperation:op]; } - (void)downloadImage { NSURL *imageUrl = [NSURL URLWithString:IMAGE_URL]; UIImage *image = [UIImage imageWithData:[NSData dataWithContentsOfURL:imageUrl]]; self.imageView.image = image; }
这么做的话,就可以避免阻塞UI线程了。当图片异步加载完成后,就会展现出来。
但是,第二次进入该界面,还是要重新下载图片,用户体验不好,且浪费资源(比如耗电)。
于是,考虑缓存已经下载的图片。
模仿操作系统(Cache - Memory - Disk),缓存图片也可以采取两层模型:内存和磁盘。
保存到内存中比较简单,只需要用NSDictionary来维护即可。而保存到磁盘,涉及到本地文件读写,可以参考“文件和数据管理”。
首先需要创建一个缓存目录:
NSArray *paths = NSSearchPathForDirectoriesInDomains(NSCachesDirectory, NSUserDomainMask, YES); diskCachePath = [[[paths objectAtIndex:0] stringByAppendingPathComponent:@"ImageCache"] retain]; if (![[NSFileManager defaultManager] fileExistsAtPath:diskCachePath]) { NSError *error = nil; [[NSFileManager defaultManager] createDirectoryAtPath:diskCachePath withIntermediateDirectories:YES attributes:nil error:&error]; }
接着可以用图片名称或者URL或者hash过后的值作为key(本地文件名),写入到本地:
if (![[NSFileManager defaultManager] fileExistsAtPath:localPath]) { [[NSFileManager defaultManager] createFileAtPath:localPath contents:localData attributes:nil]; }
这样,在每次下载图片之前,先判断是否已经有缓存了,可以优化体验和性能。
我把完整的源代码写成Category以重用,放在GitHub上:https://github.com/siqin/OnlineImageView 。
Jason Lee @ Hangzhou
Blog: http://blog.csdn.net/jasonblog
Weibo: @思禽饮霜
相关文章推荐
- 使用UIImageView展现来自网络的图片
- 使用UIImageView展现来自网络的图片
- 使用UIImageView展现来自网络的图片
- 使用UIImageView展现来自网络的图片
- 使用UIImageView展现来自网络的图片
- 使用UIImageView展现来自网络的图片
- 使用UIImageView展现来自网络的图片
- 使用UIImageView展现来自网络的图片
- ipad 使用UIImageView显示网络上的图片
- IOS中UIImageView使用网络图片
- 根据网络图片的size大小设置UIImageView的大小
- IOS学习笔记(十)之UIImageView图片视图的基本概念和使用方法
- UIImageView 使用图片的用法
- UIImageView异步加载网络图片
- android 幻灯片 图片来自instagram 图片大且多,使用软引用,幻灯片播放还有水平滑动使用ViewFliper
- ios UIImageView异步加载网络图片
- 使用 GCD 自定义 UIImageView 增加异步下载图片的类别
- IOS学习笔记(十)之UIImageView图片视图的基本概念和使用方法
- UIImageView异步加载网络图片
- ios中UIImageView展现图片的不同处理方式