ios开发多线程四：NSOperation多图下载综合案例

#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 = 5;
    }
    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 1;
}

-(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以及线程间通信相关知识