加载网络图片可以说是网络应用中必备的。如果单纯的去下载图片,而不去做多线程、缓存等技术去优化,加载图片时的效果与用户体验就会很差。
一、自己实现加载图片的方法
tips:
*iOS中所有网络访问都是异步的.(自己开线程去下载) *普通为模型增加UIImage属性的方法做的是内存缓存(下次启动还需要从网络重新加载), 而要做本地缓存的话,还要自己手动存储网络上下载的图片. *为了加快访问, 还需要自己去弄缓存.(内存缓存或者本地缓存) *当图片没有下载完成时,还要设置占位图片。
以下代码用NSOperation开异步线程下载图片,当下载完成时替换占位图片。
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修改上面的方法后的代码可简化为:
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