在iOS开发过程中,经常会遇到使用UIImageView展现来自网络的图片的情况,最简单的做法如下:
去下载https://github.com/rs/SDWebImage放进你的工程里,加入头文件#import "UIImageView+WebCache.h"
加载网路图片就一句话[imageView setImageWithURL:url placeholderImage:[UIImage imageNamed:@"defaultImage.png"]];
imageView为要显示的UIImageView,url为图片url地址(如果是NSString,就转换成NSUrl--[NSURL URLWithString:string]),
defaultImage.png为占位图片!
另一篇:
共享一个自己写的动态加载网络图片并自动剪裁的类
做开发这么长时间,加载网络图片时大部分是用EGOImageView,但是发现它不能根据自己的想法去剪裁:有时需要填充整个区域,有时又需要按比例显示。在网上也没找到
相关类库,小弟不才基于EGOImageView自己写了一个私有协议,自己感觉效果不错,之前在论坛一直用别人的代码,今天也共享下。
有需要的朋友可以看看,可能不是最好,有问题请多多指教。
AutoCutPicSimple_New.zip做了点修改,防止多次seturl导致crash。
也可以直接:https://github.com/hfqf/AutoCutWebPic.git
另一篇:
[cpp] view plaincopy
- - (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来异步加载图片:
[cpp] view plaincopy
- - (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来维护即可。而保存到磁盘,涉及到本地文件读写,可以参考“文件和数据管理”。
首先需要创建一个缓存目录:
[cpp] view plaincopy
- 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(本地文件名),写入到本地:
[cpp] view plaincopy
- 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
第二篇:
方法1:在UI线程中同步加载网络图片
[cpp] view plaincopy
- UIImageView *headview = [[UIImageView alloc] initWithFrame:CGRectMake(0, 0, 40, 40)];
- NSURL *photourl = [NSURL URLWithString:@"http://www.exampleforphoto.com/pabb/test32.png"];
- //url请求实在UI主线程中进行的
- UIImage *images = [UIImage imageWithData:[NSData dataWithContentsOfURL:photourl]];//通过网络url获取uiimage
- headview.image = images;
这是最简单的,但是由于在主线程中加载,会阻塞UI主线程。所以可以试试NSOperationQueue,一个NSOperationQueue 操作队列,就相当于一个线程管理器,而非一个线程。因为你可以设置这个线程管理器内可以并行运行的的线程数量等等。
------------------------------------------------------------------------------------------------
方法2:使用NSOperationQueue异步加载
[cpp] view plaincopy
- 下面就是使用NSOperationQueue实现子线程加载图片:
- - (void)viewDidLoad
- {
- [super viewDidLoad];
- NSOperationQueue *operationQueue = [[NSOperationQueue alloc] init];
- self.imageview = [[[UIImageView alloc] initWithFrame:CGRectMake(110, 50, 100, 100)] autorelease];
- [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:HEADIMAGE_URL];
- UIImage *image = [UIImage imageWithData:[NSData dataWithContentsOfURL:imageUrl]];
- self.imageview.image = image;
- }
不过这这样的设计,虽然是异步加载,但是没有缓存图片。重新加载时又要重新从网络读取图片,重复请求,实在不科学,所以可以考虑第一次请求时保存图片。
------------------------------------------------------------------------------------------------
方法3:异步加载,保存到cache里,下次再请求时读取cache里的缓存图片
3-1,首先在http请求时,建立一个缓存目录
[cpp] view plaincopy
- NSArray *paths =NSSearchPathForDirectoriesInDomains(NSCachesDirectory, NSUserDomainMask, YES);
- NSLog(@"the paths:%@",paths);
- NSString * diskCachePath = [[paths objectAtIndex:0] stringByAppendingPathComponent:@"imageCache"];
- NSLog(@"diskCachePath:%@",diskCachePath);
- //如果目录imageCache不存在,创建目录
- if (![[NSFileManager defaultManager] fileExistsAtPath:diskCachePath]) {
- NSError *error=nil;
- [[NSFileManager defaultManager] createDirectoryAtPath:diskCachePath withIntermediateDirectories:YES attributes:nil error:&error];
- }
3-2创建好目录后,第一次时,url请求网络图片,然后把得到的data保存到本地cache里。
[cpp] view plaincopy
- <span style="white-space:pre"> </span> NSURL *headurl = [NSURL URLWithString:<pre name="code" class="cpp">@"http://hiweibo-common.stor.sinaapp.com/user_photo_34.png"<span style="font-family: Arial, Helvetica, sans-serif;">]; </span></pre>// UIImage *headimg = [UIImage imageWithData:[NSData dataWithContentsOfURL:headurl]]; NSData *imagedata = [NSData dataWithContentsOfURL:headurl]; //如果本地缓存没有,保存图片 NSString *localPath = [NSString stringWithFormat:@"%@/headimage.png",diskCachePath];//
- NSLog(@"localpaht:%@",localPath); if (imagedata) { if (![[NSFileManager defaultManager] fileExistsAtPath:localPath]) { [[NSFileManager defaultManager] createFileAtPath:localPath contents:imagedata attributes:nil]; //[imagedata writeToFile:localPath atomically:YES];//也可以data
- write到file里 } UIImage *headimg = [[UIImage alloc] initWithData:imagedata]; self.headimage = headimg; [headimg release]; [meTableView reloadData]; }<p></p>
- <pre></pre>
- 3-3然后在下一次打开,初始化设置图片的地方,判断cache里有没有缓存图片,有的话直接加载。
- <p></p>
- <p><span style="font-size:18px"></span></p><pre name="code" class="cpp"> NSArray *paths =NSSearchPathForDirectoriesInDomains(NSCachesDirectory, NSUserDomainMask, YES);
- NSString *localpath = [[paths objectAtIndex:0] stringByAppendingPathComponent:@"/imageCache/headimage.png"];
- //如果有缓存图片,直接读取cache内的缓存图片
- if ([[NSFileManager defaultManager] fileExistsAtPath:localpath]) {
- NSData *data = [NSData dataWithContentsOfFile:localpath];
- self.headimage = [UIImage imageWithData:data];
- [meTableView reloadData];
- }
- else{
- //如果没有缓存图片,请求
- NSMutableDictionary *headdict =[NSMutableDictionary dictionaryWithObjectsAndKeys:tokenString,@"token",uidString,@"userid",nil];
- [self handlerPostFormDataWithParams:headdict withURL:APPROVAL_URL_GETPHOTO];
- }</pre><br>
- 方法3是最科学的,只需要一次读取,以后就可以直接用了。<p></p>
- <p><span style="font-size:18px"><br>
- </span></p>
- <p><span style="font-size:18px">目前总结到这里,以后有更深入研究时再补充</span></p>
- <p><span style="font-size:18px">20130314<br>
- <br>
- <br>
- </span><br>
- </p>