iOS 图片缓存框架SDWebImage使用方法(欢迎提建议和分享遇到的问题)


可以在https://github.com/rs/SDWebImage这个网站上下载SDWebImage开源包,加到我们的工程中。command+b一下会有8个错误,这时候我们导入MapKit.framework、ImageIO.framework两个框架就好了。然后#import "UIImageView+WebCache.h"一下就OK了。UIImageView+WebCache类是对UIImageView的扩展,所以这个类里的方法直接可以你所创建的UIImageView的对象调用。我们在网上找一个图片点右键复制它的网址。


使用- (void)setImageWithURL:(NSURL *)url placeholderImage:(UIImage *)placeholder success:(void (^)(UIImage *image))success failure:(void (^)(NSError *error))failure;方法,简单的下载一个图片它会自己做缓存。


代码如下:
 [imageView setImageWithURL:[NSURL URLWithString:@"http://www.fzlol.com/upimg/allimg/120819/2021144O91.jpg"] placeholderImage:[UIImage imageNamed:@"有种想念叫做避而不见.jpg"] success:^(UIImage *image){} failure:^(NSError *error){} ];


为了检查一下它有没有做缓存,我们用NSLog(@"%@",NSHomeDirectory());输出下这个程序的沙盒路径。桌面上的Finder图标,桌面的左上角的菜单栏有前往,用鼠标点一下前往,按alt键会出前往下面会多一个选项资源库。打开资源库按照打印的路径找到沙盒文件夹,打开Library,再打开Caches文件夹,会发现imageCache文件夹。打开它后会发现一文件,双击打开就是我们下载的图片。
简单的研究就到这里啦~~~~简单的Demo可以提供下载网址如下(欢迎下载):
http://dl.vmall.com/c08aaaw651



加载网络图片可以说是网络应用中必备的。如果单纯的去下载图片,而不去做多线程、缓存等技术去优化,加载图片时的效果与用户体验就会很差。

一、自己实现加载图片的方法

tips:

*iOS中所有网络访问都是异步的.(自己开线程去下载)
*普通模型增加UIImage属性的方法做的是内存缓存(下次启动还需要从网络重新加载), 而要做本地缓存的话,还要自己手动存储网络上下载的图片.
*为了加快访问, 还需要自己去弄缓存.(内存缓存或者本地缓存)
*当图片没有下载完成时,还要设置占位图片

以下代码用NSOperation开异步线程下载图片,当下载完成时替换占位图片

[objc] view plaincopy在CODE上查看代码片派生到我的代码片
  1. //  
  2. //  XNViewController.m  
  3. //  加载网络图片, 普通的用NSOperation来做.  
  4. //  
  5. //  Created by neng on 14-7-7.  
  6. //  Copyright (c) 2014年 neng. All rights reserved.  
  7. //  
  8.   
  9. #import "XNViewController.h"  
  10. #import "XNApp.h"  
  11.   
  12. @interface XNViewController ()  
  13. @property (nonatomicstrongNSArray *appList;  
  14. @property (nonatomicstrongNSOperationQueue *queue;  
  15. @end  
  16.   
  17. @implementation XNViewController  
  18. #pragma mark - 懒加载  
  19.   
  20. - (NSOperationQueue *)queue {  
  21.     if (!_queue) _queue = [[NSOperationQueue alloc] init];  
  22.     return _queue;  
  23. }  
  24.   
  25. //可抽取出来写到模型中  
  26. - (NSArray *)appList {  
  27.     if (!_appList) {  
  28.         //1.加载plist到数组中  
  29.         NSURL *url = [[NSBundle mainBundle] URLForResource:@"apps.plist" withExtension:nil];  
  30.         NSArray *array = [NSArray arrayWithContentsOfURL:url];  
  31.         //2.遍历数组  
  32.         NSMutableArray *arrayM = [NSMutableArray array];  
  33.         [array enumerateObjectsUsingBlock: ^(id obj, NSUInteger idx, BOOLBOOL *stop) {  
  34.             [arrayM addObject:[XNApp appWithDict:obj]];  //数组中存放的是字典, 转换为app对象后再添加到数组  
  35.         }];  
  36.         _appList = [arrayM copy];  
  37.     }  
  38.     return _appList;  
  39. }  
  40.   
  41. - (void)viewDidLoad {  
  42.     [super viewDidLoad];  
  43.   
  44.     self.tableView.rowHeight = 88;  
  45.   
  46. //    NSLog(@"appList-%@",_appList);  
  47. }  
  48.   
  49. #pragma mark - 数据源方法  
  50. - (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section {  
  51.     return self.appList.count;  
  52. }  
  53.   
  54. - (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath {  
  55.     static NSString *ID = @"Cell";  
  56.     UITableViewCell *cell = [tableView dequeueReusableCellWithIdentifier:ID];  
  57.   
  58.     //用模型来填充每个cell  
  59.     XNApp *app = self.appList[indexPath.row];  
  60.     cell.textLabel.text = app.name;  //设置文字  
  61.   
  62.     //设置图像: 模型中图像为nil时用默认图像,并下载图像. 否则用模型中的内存缓存图像.  
  63.     if (!app.image) {  
  64.         cell.imageView.image = [UIImage imageNamed:@"user_default"];  
  65.   
  66.         [self downloadImg:indexPath];  
  67.     }  
  68.     else {  
  69.         //直接用模型中的内存缓存  
  70.         cell.imageView.image = app.image;  
  71.     }  
  72. //  NSLog(@"cell--%p", cell);  
  73.   
  74.     return cell;  
  75. }  
  76.   
  77. /**始终记住, 通过模型来修改显示. 而不要试图直接修改显示*/  
  78. - (void)downloadImg:(NSIndexPath *)indexPath {  
  79.     XNApp *app  = self.appList[indexPath.row]; //取得改行对应的模型  
  80.   
  81.     [self.queue addOperationWithBlock: ^{  
  82.         NSData *imgData = [NSData dataWithContentsOfURL:[NSURL URLWithString:app.icon]]; //得到图像数据  
  83.         UIImage *image = [UIImage imageWithData:imgData];  
  84.   
  85.         //在主线程中更新UI  
  86.         [[NSOperationQueue mainQueue] addOperationWithBlock: ^{  
  87.             //通过修改模型, 来修改数据  
  88.             app.image = image;  
  89.             //刷新指定表格行  
  90.             [self.tableView reloadRowsAtIndexPaths:@[indexPath] withRowAnimation:UITableViewRowAnimationNone];  
  91.         }];  
  92.     }];  
  93. }  
  94.   
  95. @end  


上述代码只是做了内存缓存,而每次重新进入应用时,还会从网上重新下载。如果要继续优化上面的代码,需要自己去实现本地缓存。


二、使用第三方框架SDWebImage。(非常优秀)

*特点 :依赖的库很少.功能全面。
*自动实现磁盘缓存:
*缓存图片名字是以MD5进行加密的后的名字进行命名.(因为加密那堆字串是唯一的)
*[imageViewsd_setImageWithURL:v.fullImageURL placeholderImage:[UIImage imageNamed:@”xxxxx”]].
*就一个方法就实现了多线程\带缓冲等效.(可用带参数的方法,具体可看头文件)

用SDWebImage修改上面的方法后的代码可简化为:
[objc] view plaincopy在CODE上查看代码片派生到我的代码片
  1. #pragma mark - 数据源方法  
  2. - (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section {  
  3.     return self.appList.count;  
  4. }  
  5.   
  6. - (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath {  
  7.     static NSString *ID = @"Cell";  
  8.     UITableViewCell *cell = [tableView dequeueReusableCellWithIdentifier:ID];  
  9.   
  10.     //用模型来填充每个cell  
  11.     XNApp *app = self.appList[indexPath.row];  
  12.     cell.textLabel.text = app.name;  //设置文字  
  13.   
  14. //  //设置图像: 模型中图像为nil时用默认图像,并下载图像. 否则用模型中的内存缓存图像.  
  15. //  if (!cell.imageView.image) {  
  16. //      cell.imageView.image = [UIImage imageNamed:@"user_default"];  
  17. //  
  18. //      [self downloadImg:indexPath];  
  19. //  }  
  20. //  else {  
  21. //      //直接用模型中的内存缓存  
  22. //      cell.imageView.image = app.image;  
  23. //  }  
  24.   
  25.   
  26.     //使用SDWebImage来完成上面的功能. 针对ImageView.  
  27.     //一句话, 自动实现了异步下载. 图片本地缓存. 网络下载. 自动设置占位符.  
  28.     [cell.imageView sd_setImageWithURL:[NSURL URLWithString:app.icon] placeholderImage:[UIImage imageNamed:@"user_default"]];  
  29.   
  30.   
  31.     return cell;  
  32. }  
  33.   
  34. /**始终记住, 通过模型来修改显示. 而不要试图直接修改显示*/  
  35. //- (void)downloadImg:(NSIndexPath *)indexPath {  
  36. //  XNApp *app  = self.appList[indexPath.row]; //取得改行对应的模型  
  37. //  
  38. //  [self.queue addOperationWithBlock: ^{  
  39. //      NSData *imgData = [NSData dataWithContentsOfURL:[NSURL URLWithString:app.icon]]; //得到图像数据  
  40. //      UIImage *image = [UIImage imageWithData:imgData];  
  41. //  
  42. //      //在主线程中更新UI  
  43. //      [[NSOperationQueue mainQueue] addOperationWithBlock: ^{  
  44. //          //通过修改模型, 来修改数据  
  45. //          app.image = image;  
  46. //          //刷新指定表格行  
  47. //          [self.tableView reloadRowsAtIndexPaths:@[indexPath] withRowAnimation:UITableViewRowAnimationNone];  
  48. //      }];  
  49. //  }];  
  50. //}  
  51.   
  52. @end  

SDWebImage中的一些参数:
*SDWebImageRetryFailed = 1<< 0,   默认选项,失败后重试
*SDWebImageLowPriority = 1<< 1,    使用低优先级
*SDWebImageCacheMemoryOnly = 1<< 2,   仅仅使用内存缓存
*SDWebImageProgressiveDownload = 1<< 3,   显示现在进度
*SDWebImageRefreshCached = 1<< 4,    刷新缓存
*SDWebImageContinueInBackground =1 << 5,   后台继续下载图像
*SDWebImageHandleCookies = 1<< 6,    处理Cookie
*SDWebImageAllowInvalidSSLCertificates= 1 << 7,    允许无效的SSL验证
*SDWebImageHighPriority = 1<< 8,     高优先级
*SDWebImageDelayPlaceholder = 1<< 9     延迟显示占位图片


转载请注明出处:http://blog.csdn.net/xn4545945  
展开阅读全文

没有更多推荐了,返回首页