标签：
加载网络图片可以说是网络应用中必备的。如果单纯的去下载图片，而不去做多线程、缓存等技术去优化，加载图片时的效果与用户体验就会很差。
一、自己实现加载图片的方法
tips：
*iOS中所有网络访问都是异步的.(自己开线程去下载) *普通为模型增加UIImage属性的方法做的是内存缓存(下次启动还需要从网络重新加载), 而要做本地缓存的话,还要自己手动存储网络上下载的图片. *为了加快访问, 还需要自己去弄缓存.(内存缓存或者本地缓存) *当图片没有下载完成时，还要设置占位图片。
以下代码用NSOperation开异步线程下载图片，当下载完成时替换占位图片。
01.//02.// XNViewController.m03.// 加载网络图片, 普通的用NSOperation来做.04.//05.// Created by neng on 14-7-7.06.// Copyright (c) 2014年 neng. All rights reserved.07.//08. 09.#import "XNViewController.h"10.#import "XNApp.h"11. 12.@interface XNViewController ()13.@property (nonatomic, strong) NSArray *appList;14.@property (nonatomic, strong) NSOperationQueue *queue;15.@end16. 17.@implementation XNViewController18.#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, BOOL *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.//用模型来填充每个cell59.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.//在主线程中更新UI86.[[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修改上面的方法后的代码可简化为：
01.#pragma mark - 数据源方法02.- (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section {03.return self.appList.count;04.}05. 06.- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath {07.static NSString *ID = @"Cell";08.UITableViewCell *cell = [tableView dequeueReusableCellWithIdentifier:ID];09. 10.//用模型来填充每个cell11.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.// //在主线程中更新UI43.// [[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
标签：
原文地址：http://www.cnblogs.com/kenshinobiy/p/4379050.html
