IOS开发中加载大量网络图片优化方法

 更新时间:2017年03月30日 09:11:02   投稿:lqh  
这篇文章主要介绍了IOS开发中加载大量网络图片如何优化的相关资料,需要的朋友可以参考下

IOS开发中加载大量网络图片如何优化

1、概述

在IOS下通过URL读一张网络图片并不像其他编程语言那样可以直接把图片路径放到图片路径的位置就ok,而是需要我们通过一段类似流的方式去加载网络图片,接着才能把图片放入图片路径显示。比如:

-(UIImage *) getImageFromURL:(NSString *)fileURL {
 //NSLog(@"执行图片下载函数");  
 UIImage * result;  
 NSData * data = [NSData dataWithContentsOfURL:[NSURL URLWithString:fileURL]];
 result = [UIImage imageWithData:data];  
 return result;
}

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

优化思路为:

(1)本地缓存

(2)异步加载

(3)加载完毕前使用占位图片

2、优化方法

方法1:用NSOperation开异步线程下载图片,当下载完成时替换占位图片

#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

上述代码只是做了内存缓存,还没有做本地缓存,因为这里这种方法不是重点,也不是首选方法。上面代码每次重新进入应用时,还会从网上重新下载。如果要继续优化上面的代码,需要自己去实现本地缓存。

方法2:使用第三方框架SDWebImage

特点:

依赖的库很少,功能全面。

自动实现磁盘缓存:缓存图片名字是以MD5进行加密的后的名字进行命名.(因为加密那堆字串是唯一的)

加载网络图片时直接设置占位图片:[imageView sd_setImageWithURL:imageurl  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   延迟显示占位图片



感谢阅读,希望能帮助到大家,谢谢大家对本站的支持!

相关文章

  • iOS开发中如何实现一个平滑的颜色过渡

    iOS开发中如何实现一个平滑的颜色过渡

    这篇文章给大家分享在ios开发中如何从a颜色平滑的过渡到b颜色。代码简单易懂,需要的朋友参考下吧
    2017-05-05
  • iOS图片模糊效果的实现方法

    iOS图片模糊效果的实现方法

    这篇文章主要为大家详细介绍了iOS图片模糊效果的三种实现方式,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2016-09-09
  • iOS系统缓存方面开发的相关基础

    iOS系统缓存方面开发的相关基础

    这篇文章主要介绍了iOS系统缓存方面开发的相关基础,示例代码基于传统的Objective-C,需要的朋友可以参考下
    2015-10-10
  • IOS App图标和启动画面尺寸详细介绍

    IOS App图标和启动画面尺寸详细介绍

    这篇文章主要介绍了IOS App图标和启动画面尺寸详细介绍的相关资料,需要的朋友可以参考下
    2017-02-02
  • 键盘弹出时会覆盖文本框怎么解决

    键盘弹出时会覆盖文本框怎么解决

    在一些网站登陆界面,我们经常会见到,键盘的出现与隐藏操作,那么基于代码是如何实现的呢?下面小编写了具体代码介绍,特此分享到脚本之家平台,供大家参考
    2016-04-04
  • iOS开发之导航栏各种右滑返回失效的解决方法汇总

    iOS开发之导航栏各种右滑返回失效的解决方法汇总

    这篇文章主要给大家总结介绍了关于iOS开发教程之导航栏各种右滑返回失效的解决方法,文中通过示例代码介绍的非常详细,对各位iOS具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2018-08-08
  • iPhoneX无导航栏页面适配问题解决方案

    iPhoneX无导航栏页面适配问题解决方案

    这篇文章主要介绍了iPhoneX无导航栏页面适配问题解决方案,原全屏适配在iPhoneX会由于安全区域的变化导致显示不全,本文给大家介绍的非常详细,需要的朋友可以参考下
    2017-11-11
  • 深入理解Objective-C中类的数据结构

    深入理解Objective-C中类的数据结构

    最近发现用Objective-C确实好容易,下面这篇文章主要给大家介绍了关于Objective-C中类的数据结构的相关资料,文中通过示例代码介绍的非常详细,需要的朋友可以参考借鉴,下面随着小编来一起学习学习吧
    2018-05-05
  • 详解Objective C 中Block如何捕获外部值

    详解Objective C 中Block如何捕获外部值

    这篇文章主要为大家介绍了详解Objective C 中Block如何捕获外部值实现示例,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2022-09-09
  • iOS CoreData 增删改查详解

    iOS CoreData 增删改查详解

    这篇文章主要为大家详细介绍了iOS CoreData 增删改查的相关资料,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2016-09-09

最新评论