【iOS】网络加载图片缓存与SDWebImage

看到一遍不错关于加载图片缓存的文档：原文地址 http://blog.csdn.net/xn4545945  

－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－

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

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

tips：

*iOS中所有网络访问都是异步的.(自己开线程去下载)

*普通为模型增加UIImage属性的方法做的是内存缓存(下次启动还需要从网络重新加载), 而要做本地缓存的话,还要自己手动存储网络上下载的图片.

*为了加快访问, 还需要自己去弄缓存.(内存缓存或者本地缓存)

*当图片没有下载完成时，还要设置占位图片。

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

[objc] view plaincopy

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 (nonatomic, strong) NSArray *appList;  
14. @property (nonatomic, strong) NSOperationQueue *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

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     延迟显示占位图片