#import "ViewController.h"
#import "XMGAPP.h" @interface ViewController ()
/** tableView的数据源 */
@property (nonatomic, strong) NSArray *apps;
/** 内存缓存 */
@property (nonatomic, strong) NSMutableDictionary *images;
/** 队列 */
@property (nonatomic, strong) NSOperationQueue *queue;
/** 操作缓存 */
@property (nonatomic, strong) NSMutableDictionary *operations;
@end @implementation ViewController #pragma mark ----------------------
#pragma mark lazy loading
-(NSOperationQueue *)queue
{
if (_queue == nil) {
_queue = [[NSOperationQueue alloc]init];
//设置最大并发数
_queue.maxConcurrentOperationCount = ;
}
return _queue;
}
-(NSMutableDictionary *)images
{
if (_images == nil) {
_images = [NSMutableDictionary dictionary];
}
return _images;
}
-(NSArray *)apps
{
if (_apps == nil) { //字典数组
NSArray *arrayM = [NSArray arrayWithContentsOfFile:[[NSBundle mainBundle]pathForResource:@"apps.plist" ofType:nil]]; //字典数组---->模型数组
NSMutableArray *arrM = [NSMutableArray array];
for (NSDictionary *dict in arrayM) {
[arrM addObject:[XMGAPP appWithDict:dict]];
}
_apps = arrM;
}
return _apps;
} -(NSMutableDictionary *)operations
{
if (_operations == nil) {
_operations = [NSMutableDictionary dictionary];
}
return _operations;
} #pragma mark ----------------------
#pragma mark UITableViewDatasource
-(NSInteger)numberOfSectionsInTableView:(UITableView *)tableView
{
return ;
} -(NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section
{
return self.apps.count;
} -(UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath
{
static NSString *ID = @"app"; //1.创建cell
UITableViewCell *cell = [tableView dequeueReusableCellWithIdentifier:ID]; //2.设置cell的数据
//2.1 拿到该行cell对应的数据
XMGAPP *appM = self.apps[indexPath.row]; //2.2 设置标题
cell.textLabel.text = appM.name; //2.3 设置子标题
cell.detailTextLabel.text = appM.download; //2.4 设置图标 //先去查看内存缓存中该图片时候已经存在,如果存在那么久直接拿来用,否则去检查磁盘缓存
//如果有磁盘缓存,那么保存一份到内存,设置图片,否则就直接下载
//1)没有下载过
//2)重新打开程序 UIImage *image = [self.images objectForKey:appM.icon];
if (image) {
cell.imageView.image = image;
NSLog(@"%zd处的图片使用了内存缓存中的图片",indexPath.row) ;
}else
{
//保存图片到沙盒缓存
NSString *caches = [NSSearchPathForDirectoriesInDomains(NSCachesDirectory, NSUserDomainMask, YES) lastObject];
//获得图片的名称,不能包含/
NSString *fileName = [appM.icon lastPathComponent];
//拼接图片的全路径
NSString *fullPath = [caches stringByAppendingPathComponent:fileName]; //检查磁盘缓存
NSData *imageData = [NSData dataWithContentsOfFile:fullPath];
// //废除
// imageData = nil; if (imageData) {
UIImage *image = [UIImage imageWithData:imageData];
cell.imageView.image = image; NSLog(@"%zd处的图片使用了磁盘缓存中的图片",indexPath.row) ;
//把图片保存到内存缓存
[self.images setObject:image forKey:appM.icon]; // NSLog(@"%@",fullPath);
}else
{
//检查该图片时候正在下载,如果是那么久什么都捕捉,否则再添加下载任务
NSBlockOperation *download = [self.operations objectForKey:appM.icon];
if (download) { }else
{ //先清空cell原来的图片
cell.imageView.image = [UIImage imageNamed:@"Snip20160221_306"]; download = [NSBlockOperation blockOperationWithBlock:^{
NSURL *url = [NSURL URLWithString:appM.icon];
NSData *imageData = [NSData dataWithContentsOfURL:url];
UIImage *image = [UIImage imageWithData:imageData]; NSLog(@"%zd--下载---",indexPath.row); //容错处理
if (image == nil) {
[self.operations removeObjectForKey:appM.icon];
return ;
}
//演示网速慢的情况
//[NSThread sleepForTimeInterval:3.0]; //把图片保存到内存缓存
[self.images setObject:image forKey:appM.icon]; //NSLog(@"Download---%@",[NSThread currentThread]);
//线程间通信
[[NSOperationQueue mainQueue] addOperationWithBlock:^{ //cell.imageView.image = image;
//刷新一行
[self.tableView reloadRowsAtIndexPaths:@[indexPath] withRowAnimation:UITableViewRowAnimationLeft];
//NSLog(@"UI---%@",[NSThread currentThread]);
}]; //写数据到沙盒
[imageData writeToFile:fullPath atomically:YES]; //移除图片的下载操作
[self.operations removeObjectForKey:appM.icon]; }]; //添加操作到操作缓存中
[self.operations setObject:download forKey:appM.icon]; //添加操作到队列中
[self.queue addOperation:download];
} }
} //3.返回cell
return cell;
} -(void)didReceiveMemoryWarning
{
[self.images removeAllObjects]; //取消队列中所有的操作
[self.queue cancelAllOperations];
} //1.UI很不流畅 --- > 开子线程下载图片
//2.图片重复下载 ---> 先把之前已经下载的图片保存起来(字典)
//内存缓存--->磁盘缓存 //3.图片不会刷新--->刷新某行
//4.图片重复下载(图片下载需要时间,当图片还未完全下载之前,又要重新显示该图片)
//5.数据错乱 ---设置占位图片 /*
Documents:会备份,不允许
Libray
Preferences:偏好设置 保存账号
caches:缓存文件
tmp:临时路径(随时会被删除)
*/ /**
* 1:在项目中读取项目中的文件:
NSArray *arrayM = [NSArray arrayWithContentsOfFile:[[NSBundle mainBundle]pathForResource:@"apps.plist" ofType:nil]];
读取url;arrayWithContentsOfUrl 2:kvc:快速实现字典转模型,前提必须得保证模型中的字段值一一对应
+(instancetype)appWithDict:(NSDictionary *)dict
{
XMGAPP *appM = [[XMGAPP alloc]init];
//KVC
[appM setValuesForKeysWithDictionary:dict];
return appM;
} 3:设计思路:1:将下载的图片分别存储在内存缓存和磁盘缓存中,然后先去内存缓存中查找有无图片,若内存缓存中没有图片(有图片则就直接设置图片),则去磁盘缓存中查找图片中,若无图片,则就去执行下载操作,也需要将每张图片的下载操作存到内存缓存中,下载完成后,将图片分别存到内存与磁盘缓存中,并从内存缓存中移除操作队列,有图片,直接设置,并存到内存缓存中。2:内存缓存:就是一个强引用的属性变量,一般用字典去进行缓存,键值对一一对应 磁盘缓存:就是缓存到沙盒, Documents:会在itools上备份,苹果不许可在Documents下存储缓存,上线会被拒
Libray:一般Libray用于存储缓存信息,大文件或是离线缓存的数据,它包括以下的两个路径
Preferences:偏好设置 保存账号
caches:缓存文件
tmp:临时路径(随时会被删除) 4:具体实现:1:NSCachesDirectory:获得Libray下的caches文件夹路径,[appM.icon lastPathComponent]获得文件的扩展名,一般将文件的扩展名和路径拼接起来作为文件名 //保存图片到沙盒缓存
NSString *caches = [NSSearchPathForDirectoriesInDomains(NSCachesDirectory, NSUserDomainMask, YES) lastObject];
//获得图片的名称,不能包含/
NSString *fileName = [appM.icon lastPathComponent];
//拼接图片的全路径
NSString *fullPath = [caches stringByAppendingPathComponent:fileName]; 2:检查磁盘缓存
NSData *imageData = [NSData dataWithContentsOfFile:fullPath]; 3:磁盘缓存有图片,就设置,并缓存到内存缓存中,无图片直接下载,先从缓存队列中找出缓存队列,如果有什么都不做,没有,就去创建队列,封装任务NSBlockOperation,(每张图片创建一个队列,并将队列缓存到内存缓存中),线程间通信,子主线程刷新UI,此时将下载的图片缓存到内存与磁盘缓存中,将队列缓存到内存缓存中,以便下次继续使用。
4:还需要有容错处理,当图片下载失败后,直接return返回,并移除缓存中的队列
if (image == nil) {
[self.operations removeObjectForKey:appM.icon];
return ;
} 5:遇到的问题以及解决办法: //1.UI很不流畅 --- > 开子线程下载图片
//2.图片重复下载 ---> 先把之前已经下载的图片保存起来(字典)内存缓存--->磁盘缓存
//3.图片不会刷新--->刷新某行:[self.tableView reloadRowsAtIndexPaths:@[indexPath] withRowAnimation:UITableViewRowAnimationLeft];
//4.图片重复下载(图片下载需要时间,当图片还未完全下载之前,又要重新显示该图片,快速的溢出屏幕再移回来,通过设置缓存队列来解决问题,让之前正在下载的队列一直还在处理下载任务)
//5.数据错乱 ---设置占位图片:考虑到cell的复用机制,当有一个图片从屏幕顶端移出屏幕后,会放到缓存池,从底端进入后,从缓存池中取出图片,此时显示的图片还是缓存池中cell的那个图片,下载完成后才会更新,解决办法是将图片更新前设为nil,效果不好,最好是设置占位图片 */ @end
#import <Foundation/Foundation.h> @interface XMGAPP : NSObject /** APP的名称 */
@property (nonatomic, strong) NSString *name;
/** APP的图片的url地址 */
@property (nonatomic, strong) NSString *icon;
/** APP的下载量 */
@property (nonatomic, strong) NSString *download; +(instancetype)appWithDict:(NSDictionary *)dict;
@end
#import "XMGAPP.h" @implementation XMGAPP +(instancetype)appWithDict:(NSDictionary *)dict
{
XMGAPP *appM = [[XMGAPP alloc]init];
//KVC
[appM setValuesForKeysWithDictionary:dict]; return appM;
}
@end
补充:https在plist中的配置:
###3.多图下载综合示例程序
(1)涉及知识点
01 字典转模型
02 存储数据到沙盒,从沙盒中加载数据
03 占位图片的设置(cell的刷新问题)
04 如何进行内存缓存(使用NSDictionary)
05 在程序开发过程中的一些容错处理
06 如何刷新tableView的指定行(解决数据错乱问题)
07 NSOperation以及线程间通信相关知识