iOS学习笔记-123.多线程22——多图下载2_第二种实现方式(三级缓存)

多线程22——多图下载2_第二种实现方式(三级缓存)

一、分析第一种方式的不足

iOS学习笔记-122.多线程21——多图下载1_第一种实现方式(不靠谱)

中，我们实现的方式存在严重不足。

1. 使用了主线程去下载图片,使其UI卡顿

2. 图片重复下载。

针对上面的问题我们解决方式如下

针对问题1，我们可以使用多线程来下载

针对问题2，我们可以使用三级缓存

---

二、三级缓存

2.1 什么是三级缓存

三级缓存就是

网络缓存, 不优先加载, 速度慢,浪费流量

本地缓存, 次优先加载, 速度快

内存缓存, 优先加载, 速度最快

2.2 三级缓存的工作原理

1. 首先从内存中获取我们需要的资源，是否存在。如果存在，那么就是使用资> 源，如果不存在进行步骤2

2. 从本地(磁盘)中获取我们需要的资源， > 是否存在。如果存在，那么就是使用资源，如果不存在进行步骤3

3. 从网络中获取我们的资源来使用。

---

三、多图下载三级缓存分析

流程如图：

1. 根据url我们生成对一个的图片唯一标示符，作为图片的名字。

2. 从内存中判断我们的图片已经存在了，如果存在直接拿来显示。如果不存在继续步骤3

3. 从本地（磁盘）中判断图片是否已经存在，如果存在直接拿来显示。如果不存在继续步骤4

4. 判断我们的操作缓存中，如果存在那么不处理（子线程下载完成以后，会通知到主线程上来），如果不存在，那么添加下载操作到队列中和操作缓存中。

5. 图片下载好以后，把图片添加到内存和本地缓冲中，把操作从操作缓存中移除。添加实现图片的任务到主线程中。

注意：处理上面，我们应该还要处理内存不足的情况，这个时候，我们移除内存中的图片和操作。

---

四、代码

//
//  ViewController.m
//  03_UIview86多线程_多图下载
//
//  Created by 杞文明 on 17/9/6.
//  Copyright © 2017年 杞文明. All rights reserved.
//

#import "ViewController.h"
#import "QWMAppItem.h"
#import "NSString+MD5.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

-(NSArray*)apps{
    if(_apps==nil){
        //字典数据
        NSArray *array = [NSArray arrayWithContentsOfFile:[[NSBundle mainBundle] pathForResource:@"apps.plist" ofType:nil]];
        //字典数据转模型数据
        NSMutableArray *arrM = [NSMutableArray array];
        for (NSDictionary *dict in array) {
            [arrM addObject:[QWMAppItem appWitdDict:dict]];
        }
        _apps = arrM;
    }
    return _apps;
}

-(NSMutableDictionary*)images{
    if(_images==nil){
        _images = [NSMutableDictionary dictionary];
    }
    return _images;
}

-(NSOperationQueue *)queue{
    if(_queue == nil){
        _queue = [[NSOperationQueue alloc]init];
        //设置最大并发数
        _queue.maxConcurrentOperationCount = 5;
    }
    return _queue;
}

-(NSMutableDictionary *)operations{
    if(_operations == nil){
        _operations = [NSMutableDictionary dictionary];
    }
    return _operations;
}

/*组数*/
-(NSInteger)numberOfSectionsInTableView:(UITableView *)tableView{
    return 1;
}

/*每组的行数*/
-(NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section{
    return self.apps.count;
}

/*每个cell*/
-(UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath{
    static NSString* identifier = @"cell";
    UITableViewCell *cell = [tableView dequeueReusableCellWithIdentifier:identifier];
    //获取数据
    QWMAppItem *appItem = self.apps[indexPath.row];

    cell.textLabel.text = appItem.name;
    cell.detailTextLabel.text = appItem.download;

    [self handle2:cell withItem:appItem withIndex:indexPath];
//    [self handle1:cell withItem:appItem];

    return cell;
}

/*图片的第二种种处理方式*/
-(UITableViewCell*)handle2:(UITableViewCell*)cell withItem:(QWMAppItem*)appItem withIndex:(NSIndexPath*)indexPath{
    //1.首先判断内存中是否已经存在，存在直接取
    //2.内存中不存在,判断本地是否存在，存在直接取。
    //3.本地不存在，判断当前的图片是否已经添加到任务中，如果是，那么不操作
    //4.如果没有添加到任务中，那么我们把下载图片的操作添加到任务中

    //获取我们图片地址的MD5值作为唯一标识符 MD5+后缀名
    NSString *imageID = [NSString stringWithFormat:@"%@.%@",[appItem.icon MD5_32BitLower],[appItem.icon pathExtension]];
    UIImage *image = [self.images objectForKey:imageID];

    if(image){
        //使用内存缓存
        cell.imageView.image = image;
         NSLog(@"%zd处的图片使用了内存缓存中的图片",indexPath.row);

    }else{
        //1.获取沙盒的路径
        NSString *caches = [NSSearchPathForDirectoriesInDomains(NSCachesDirectory, NSUserDomainMask, YES) lastObject];
//        NSLog(@"%@",caches);
        //2.拼接我们图片的地址
        NSString * imageFullPath = [caches stringByAppendingPathComponent:imageID];
        //3.获取本地磁盘中的图片数据
        NSData *imageData = [NSData dataWithContentsOfFile:imageFullPath];
        //4.判断数据是否已经存在，存在说明我们有本地缓存，那么我们直接拿来显示
        if (imageData) {
            //使用本地缓存
            cell.imageView.image = [UIImage imageWithData:imageData];
            NSLog(@"%zd处的图片使用了本地缓存中的图片",indexPath.row);
        }else{
            //都没有，那么我们就需要去网络下载了
            //我们获取先去判断一下，我们的这个图片下载任务是否已经在队列中存在，如果有不操作，没有那么我们添加一个下载任务
            NSBlockOperation *download = [self.operations objectForKey:imageID];
            if(!download){//没有这个任务，那么我们就添加任务
                //为了解决滑动时候数据显示错乱，我们现在添加一张图片，用于做默认显示
                cell.imageView.image = [UIImage imageNamed:@"image1"];
                //创建现在任务
                download = [NSBlockOperation blockOperationWithBlock:^{
                    //下载
                    NSURL *url = [NSURL URLWithString:appItem.icon];
                    NSData *imageData = [NSData dataWithContentsOfURL:url];
                    UIImage *image = [UIImage imageWithData:imageData];

                    //容错处理
                    if (image == nil) {
                        //如果这个下载有误，那么我们不操作了，并且从操作缓存中移除，为了下一次还能下载
                        [self.operations removeObjectForKey:imageID];
                        return ;
                    }
                    //下载好了，现在需要如下操作
                    //1.数据添加到内存缓存中
                    //2.数据添加到本地中（本地缓存）
                    //3.主线程中显示数据
                    [self.images setObject:image forKey:imageID];//内存缓存
                    [imageData writeToFile:imageFullPath atomically:YES];//本地缓存
                    [[NSOperationQueue mainQueue] addOperation:[NSBlockOperation blockOperationWithBlock:^{//主线程显示，就是去刷新这一行
                        [self.tableView reloadRowsAtIndexPaths:@[indexPath] withRowAnimation:UITableViewRowAnimationLeft];
                    }]];
                    //下载已经好了，那么移除图片下载操作
                    [self.operations removeObjectForKey:imageID];
                }];

                //把任务添加到队列中
                [self.queue addOperation:download];
                //添加任务到操作缓存中，等到下载好了再把它移除
                [self.operations setObject:download forKey:imageID];
            }
        }
    }
    return cell;
}


/*
 图片的第一种处理方式，存在的问题
 1.UI很不流程 ------> 开启子线程下载
 2.图片重复下载 ----->先把之前已经下载的图片保存起来(字典)

 */
-(UITableViewCell*)handle1:(UITableViewCell*)cell withItem:(QWMAppItem*)appItem{
    NSURL *url = [NSURL URLWithString:appItem.icon];
    NSData *data = [NSData dataWithContentsOfURL:url];
    UIImage *image = [UIImage imageWithData:data];
    cell.imageView.image = image;
    return cell;
}

/*内存警告*/
-(void)didReceiveMemoryWarning{
    //内存不存的时候删除我们的缓存
    [self.operations removeAllObjects];
    [self.images removeAllObjects];
}

@end

---

五、图示