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

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

tips：

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

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

view sourceprint?
01.//
02.//  XNViewController.m
03.//  加载网络图片, 普通的用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.@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, 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.//用模型来填充每个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修改上面的方法后的代码可简化为：

view sourceprint?
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.//用模型来填充每个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

如何联系我：【万里虎】www.bravetiger.cn 【QQ】3396726884 （咨询问题100元起，帮助解决问题500元起） 【博客】http://www.cnblogs.com/kenshinobiy/

iOS网络加载图片缓存与SDWebImage相关推荐

  1. iOS网络加载图片缓存策略之ASIDownloadCache缓存优化

    iOS网络加载图片缓存策略之ASIDownloadCache缓存优化 在我们实际工程中,很多情况需要从网络上加载图片,然后将图片在imageview中显示出来,但每次都要从网络上请求,会严重影响用户体 ...

  2. LruCache：从网络加载图片缓存实例

    OOM异常 堆内存用于存储实例对象,当程序不断创建对象,并且对象都有引用指向,那么垃圾回收机制就不会清理这些对象,当对象多到挤满堆内存的上限后,就产生OOM异常.Android系统为每个应用程序使用的 ...

  3. Android:ViewPager详解（异步网络加载图片，带图片缓存，并带导航小圆点）

    android 应用中,如欢迎指引页面, 和图片轮播功能, 或者更多的内容在一页显示不了,要分成多个页面,这时候viewpager是很好用的. 首先看下效果: 下面是一个例子,带异步网络加载图片,并带 ...

  4. Flutter Image从网络加载图片刷新、强制重新渲染

    Flutter自带的Image.network()从网络加载图片后,如果服务器上的图片改变了,但是url没变,就算使用setState进行rebuild,图片也不会跟着更新.这是因为Image自带了c ...

  5. Android的轮播图Banner之本地加载和网络加载图片(含demo)

    前言 关于轮播图 我个人是比较喜欢 闲来无事的时候 可以整理自己的照片 做一个demo 看看动态的效果 挺不错的! 每个App也基本都有一些广告位置 只要打开这个页面就会无限轮播广告图片 看多了我们也 ...

  6. iOS WebView加载url缓存问题

    在做青海展厅项目时,将本应放在触摸屏的h5放在iPad pro上,于是做了个APP,写了个webView来load url request.但是由于在调试阶段,做h5的童鞋经常修改,然后发布到服务器上 ...

  7. iOS关于加载图片的几种方式选择

    最近在开发过程中遇到一些性能优化的东西,这次来说说关于图片加载的性能优化和选择. 大家都知道创建UIImage常用以下几种方式 + (nullable UIImage *)imageNamed:(NS ...

  8. Android实现异步从网络加载图片列表

     博文出处:http://blog.csdn.net/carterjin/article/details/7995935 有时会有在加载ListView的时候,包含用户头像或其他需要到网络获取的图 ...

  9. Android循环滚动广告条的完美实现，封装方便，平滑过渡，从网络加载图片，点击广告进入对应网址

    关注finddreams,一起分享,一起进步: http://blog.csdn.net/finddreams/article/details/44619589 今天给大家带来一点干货,就是横向循环滚 ...

  10. 登录圆形头像之网络加载与缓存到本地

    Android开发中常常有用户头像显示,似乎大多数都是圆形显示,如果每次加载网络头像,会频繁的请求网络,所以本文主要说的是登录时的头像网络加载和缓存到本地,以便于下次加载时直接从本地获取即可. 效果图 ...

最新文章

  1. SAP MM MB5L 报表里的差异金额如何调整？
  2. UA MATH523A 实分析1 集合论基础6 一些点集拓扑基本概念
  3. php获得指定目录文件,PHP遍历指定文件夹获取路径及大小(包含子文件夹)
  4. Power Designer逆向工程连接数据库创建pdm-oracle
  5. Android的启动方式
  6. SAF手持式频谱分析仪SC和手持式信号发生器SG的应用概述
  7. android 手机屏蔽广告 hosts
  8. POJ 3388 Japanese Puzzle（二分法）
  9. matlab subs的用法,Matlab subs函數的用法
  10. 怎么判断二阶导数是否异号_二阶导数判断凹凸性 二阶导数怎么判断凹凸
  11. 数据库问题——合并表格
  12. minigui 交叉编译
  13. 如何让IE浏览器提示下载文件，而不是直接打开Excel文件
  14. 字节跳动以 50 亿元收购 Pico 入局 VR；哪吒汽车与华为达成合作；韩国计划禁止苹果和谷歌向开发者抽取佣金 | EA周报...
  15. 工业大数据漫谈4：工业大数据的作用
  16. Pytorch | 报错The given NumPy array is not writeable,and PyTorch does not support non-writeable tensor
  17. 关于跨境电商你了解多少 我们应该怎么做跨境电商？（下）
  18. Android 2D游戏引擎
  19. 红帽云邮:外贸邮件营销
  20. 白热化的政务云市场，在等一个“六边形战士”

热门文章

  1. log4j deadlock
  2. HtmlTextWriter类的学习
  3. Python基础练习三超市存包柜模拟(优化)
  4. 牛客（3）从尾到头打印链表
  5. Django REST framework+Vue 打造生鲜超市（九）
  6. ssh 认证指定端口
  7. [转]10个学习Android开发的网站推荐
  8. BZOJ3780 : 数字统计
  9. 数据库备份与恢复 之四 选择数据库还原方案
  10. 聚类（5）-- Spectral clustering