首页 > 代码库 > 【iOS】网络加载图片缓存与SDWebImage
【iOS】网络加载图片缓存与SDWebImage
加载网络图片可以说是网络应用中必备的。如果单纯的去下载图片,而不去做多线程、缓存等技术去优化,加载图片时的效果与用户体验就会很差。
一、自己实现加载图片的方法
tips:
*iOS中所有网络访问都是异步的.(自己开线程去下载)
*普通为模型增加UIImage属性的方法做的是内存缓存(下次启动还需要从网络重新加载), 而要做本地缓存的话,还要自己手动存储网络上下载的图片.
*为了加快访问, 还需要自己去弄缓存.(内存缓存或者本地缓存)
*当图片没有下载完成时,还要设置占位图片。
以下代码用NSOperation开异步线程下载图片,当下载完成时替换占位图片。
// // XNViewController.m // 加载网络图片, 普通的用NSOperation来做. // // Created by neng on 14-7-7. // Copyright (c) 2014年 neng. All rights reserved. // #import "XNViewController.h" #import "XNApp.h" @interface XNViewController () @property (nonatomic, strong) NSArray *appList; @property (nonatomic, strong) NSOperationQueue *queue; @end @implementation XNViewController #pragma mark - 懒加载 - (NSOperationQueue *)queue { if (!_queue) _queue = [[NSOperationQueue alloc] init]; return _queue; } //可抽取出来写到模型中 - (NSArray *)appList { if (!_appList) { //1.加载plist到数组中 NSURL *url = [[NSBundle mainBundle] URLForResource:@"apps.plist" withExtension:nil]; NSArray *array = [NSArray arrayWithContentsOfURL:url]; //2.遍历数组 NSMutableArray *arrayM = [NSMutableArray array]; [array enumerateObjectsUsingBlock: ^(id obj, NSUInteger idx, BOOL *stop) { [arrayM addObject:[XNApp appWithDict:obj]]; //数组中存放的是字典, 转换为app对象后再添加到数组 }]; _appList = [arrayM copy]; } return _appList; } - (void)viewDidLoad { [super viewDidLoad]; self.tableView.rowHeight = 88; // NSLog(@"appList-%@",_appList); } #pragma mark - 数据源方法 - (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section { return self.appList.count; } - (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath { static NSString *ID = @"Cell"; UITableViewCell *cell = [tableView dequeueReusableCellWithIdentifier:ID]; //用模型来填充每个cell XNApp *app = self.appList[indexPath.row]; cell.textLabel.text = app.name; //设置文字 //设置图像: 模型中图像为nil时用默认图像,并下载图像. 否则用模型中的内存缓存图像. if (!app.image) { cell.imageView.image = [UIImage imageNamed:@"user_default"]; [self downloadImg:indexPath]; } else { //直接用模型中的内存缓存 cell.imageView.image = app.image; } // NSLog(@"cell--%p", cell); return cell; } /**始终记住, 通过模型来修改显示. 而不要试图直接修改显示*/ - (void)downloadImg:(NSIndexPath *)indexPath { XNApp *app = self.appList[indexPath.row]; //取得改行对应的模型 [self.queue addOperationWithBlock: ^{ NSData *imgData = [NSData dataWithContentsOfURL:[NSURL URLWithString:app.icon]]; //得到图像数据 UIImage *image = [UIImage imageWithData:imgData]; //在主线程中更新UI [[NSOperationQueue mainQueue] addOperationWithBlock: ^{ //通过修改模型, 来修改数据 app.image = image; //刷新指定表格行 [self.tableView reloadRowsAtIndexPaths:@[indexPath] withRowAnimation:UITableViewRowAnimationNone]; }]; }]; } @end
二、使用第三方框架SDWebImage。(非常优秀)
*特点 :依赖的库很少.功能全面。
*自动实现磁盘缓存:
*缓存图片名字是以MD5进行加密的后的名字进行命名.(因为加密那堆字串是唯一的)
*[imageViewsd_setImageWithURL:v.fullImageURL placeholderImage:[UIImage imageNamed:@”xxxxx”]].
*就一个方法就实现了多线程\带缓冲等效果.(可用带参数的方法,具体可看头文件)
用SDWebImage修改上面的方法后的代码可简化为:
#pragma mark - 数据源方法 - (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section { return self.appList.count; } - (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath { static NSString *ID = @"Cell"; UITableViewCell *cell = [tableView dequeueReusableCellWithIdentifier:ID]; //用模型来填充每个cell XNApp *app = self.appList[indexPath.row]; cell.textLabel.text = app.name; //设置文字 // //设置图像: 模型中图像为nil时用默认图像,并下载图像. 否则用模型中的内存缓存图像. // if (!cell.imageView.image) { // cell.imageView.image = [UIImage imageNamed:@"user_default"]; // // [self downloadImg:indexPath]; // } // else { // //直接用模型中的内存缓存 // cell.imageView.image = app.image; // } //使用SDWebImage来完成上面的功能. 针对ImageView. //一句话, 自动实现了异步下载. 图片本地缓存. 网络下载. 自动设置占位符. [cell.imageView sd_setImageWithURL:[NSURL URLWithString:app.icon] placeholderImage:[UIImage imageNamed:@"user_default"]]; return cell; } /**始终记住, 通过模型来修改显示. 而不要试图直接修改显示*/ //- (void)downloadImg:(NSIndexPath *)indexPath { // XNApp *app = self.appList[indexPath.row]; //取得改行对应的模型 // // [self.queue addOperationWithBlock: ^{ // NSData *imgData = [NSData dataWithContentsOfURL:[NSURL URLWithString:app.icon]]; //得到图像数据 // UIImage *image = [UIImage imageWithData:imgData]; // // //在主线程中更新UI // [[NSOperationQueue mainQueue] addOperationWithBlock: ^{ // //通过修改模型, 来修改数据 // app.image = image; // //刷新指定表格行 // [self.tableView reloadRowsAtIndexPaths:@[indexPath] withRowAnimation:UITableViewRowAnimationNone]; // }]; // }]; //} @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 延迟显示占位图片
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。