使用第三方框架#import "AFNetworking.h"下载网络Json数据

- (void)loadJSONData
{
    // 1.创建网络请求管理者
    AFHTTPSessionManager *manager = [AFHTTPSessionManager manager];
    // 2.使用网络请求管理者,发送网络请求获取json数据
    [manager GET:@"https://raw.githubusercontent.com/zhangxiaochuZXC/SZiOS07_FerverFile/master/apps.json" parameters:nil progress:nil success:^(NSURLSessionDataTask * _Nonnull task, id  _Nullable responseObject) {
        
        // responseObject : 发送请求需要获取的数据
        NSLog(@"%@-%@-%@",[responseObject class],responseObject,[NSThread currentThread]);
        
        // 下一步 : 实现字典转模型
        
    } failure:^(NSURLSessionDataTask * _Nullable task, NSError * _Nonnull error) {
        NSLog(@"%@",error);
    }];
}

使用第三方框架#import "YYModel.h"转换模型

第一个参数需要先创建模型 传入模型的类型
第二个数据需要传已经解析好的Json数据
NSArray *appList = [NSArray yy_modelArrayWithClass:[APPModel class] json:dictArr];

使用第三方框架"UIImageView+WebCache.h"(SDWebImage)下载网络图片

第一个参数传的是网络图片的地址
第二个参数传的是占位图 直接传入以图片对象即可

[imageView sd_setImageWithURL:[NSURL URLWithString:app.icon] 
placeholderImage:[UIImage imageNamed:@"user_default"]];

练习模拟企业异步下载图片

需求 : 列表异步加载网络图片

"SDWebImage实现列表异步加载网络图片" : 一定要掌握

1.需求分析
1.1 UI / 界面分析 : 了解界面怎么布局 / 怎么实现 (使用哪些UI控件)
1.2 数据结构分析 : 了解数据结构是为了了解如何实现字典转模型(字典数组转模型数组 / 字典转模型)

2.获取要zha展示的json数据
2.0 https://raw.githubusercontent.com/zhangxiaochuZXC/SZiOS07_FerverFile/master/apps.json
2.1 拿到json数据对应的地址URL
2.2 使用AFN发送请求,获取json数据
2.3 AFN默认是在子线程异步获取网络数据,然后自动回到主线程调用success代码块
2.4 AFN默认帮我们实现了json的反序列化

3.YYModel实现字典数组转模型数组
3.1 拿到responseObject之后,需要使用YYModel实现字典数组转模型数组
self.appList = [NSArray yy_modelArrayWithClass:[APPModel class] json:dictArr];

3.2 字典数组转模型数组之后,得到数据源数组

4.刷新UI / 自定义cell
4.1 得到数据源数组之后,一定要调用

[self.tableView reloadData];

5.SDWebImage实现图片的下载和展示
5.1 SD这个框架是自动在子线程下载图片,回到主线程给图片空间赋值
5.2 在使用SD框架时,一定要设置展位图;不然,控件不会加载上去

[cell.imageView sd_setImageWithURL:[NSURL URLWithString:app.icon] placeholderImage:[UIImage imageNamed:@"user_default"]];

----------------------------------华丽的分割线-----------------------------------------

1.使用NSBlockOperation实现图片异步下载和在主线程刷洗UI
1.1 如果没有占位图,在图片下载结束之前,展示图片的位置,是一块空白,影响美观和用户体验
1.2 提示 : 将来做图片异步下载时,一定要记得先设置占位图

2.设置占位图
2.1 在建立异步的下载操作之前,先设置占位图;占位图放在项目的图片库

3.实现内存缓存
3.1 如果不实现内存缓存,cell上的图片每次展示之前都要从网络中加载
3.1 使用可变字典制作图片内存缓存池
3.2 图片下载完成之后,把非空的图片对象,添加到图片缓存池
3.4 在建立异步下载操作之前,判断要下载的图片在图片缓存池中有木有;如果有,就直接取出来展示;反之,就去下载;

4.解决图片错行的问题
4.1 当有网络延迟时,在cell上的图片还没有加载出来之前,来回的滚动cell,由于cell的复用机制,图片会错行展示
4.2 图片错行展示的本质 : 就是后面下载完成的图片,把前面下载完成的图片覆盖了
4.3 解决图片错行的办法 : 哪行cell上的图片下载完,就刷新哪行;拒绝使用重用的cell

5.解决重复建立下载操作的问题
5.1 当有网络延迟时,在cell上的图片还没有加载出来之前,来回的滚动cell,就会多次为同一张图片建立多个下载操作
5.2 解决办法 : 使用可变字典制作操作缓存池.在建立下载操作之前,判断要建立的下载操作,在缓存池里面有没有;如果有,就不在建立下载操作;反之,就建立下载操作
5.3 图片下载完成之后,不管下载的内容是否是空,都需要移除对应的下载操作

6.处理内存警告
6.1 目的 : 保证内存使用时的平衡

7.实现沙盒缓存
7.1 沙盒缓存只在程序重启时使用的
7.2 操作内存比操作沙盒效率高
7.3 在判断内存缓存之后,建立下载操作之前,判断沙盒缓存
7.4 程序重启后,如果沙盒里面有图片,就把沙盒数据再在内存中存一份

#import "ViewController.h"
#import "AFNetworking.h"
#import "YYModel.h"
#import "APPModel.h"
#import "APPCell.h"
#import "NSString+path.h"

@interface ViewController ()

/* 数据源数组 */
@property (strong, nonatomic) NSArray *appList;
/* 队列 */
@property (strong, nonatomic) NSOperationQueue *queue;
/* 图片缓存池 */
@property (strong, nonatomic) NSMutableDictionary *imagesCache;
/* 操作缓存池 */
@property (strong, nonatomic) NSMutableDictionary *OPCache;

@end

// 相当于后台人员提供给你的开发接口 : https://raw.githubusercontent.com/zhangxiaochuZXC/SZiOS07_FerverFile/master/apps.json
// 将来就是拿着这个URL去获取数据

@implementation ViewController

- (void)viewDidLoad {
    [super viewDidLoad];
    
    // 实例化队列
    self.queue = [[NSOperationQueue alloc] init];
    // 实例化图片缓存池
    self.imagesCache = [[NSMutableDictionary alloc] init];
    // 实例化操作缓存池
    self.OPCache = [[NSMutableDictionary alloc] init];
    
    [self loadJSONData];
}

#pragma mark-获取json数据的主方法
- (void)loadJSONData
{
    // 1.创建网络请求管理者
    AFHTTPSessionManager *manager = [AFHTTPSessionManager manager];
    // 2.使用网络请求管理者,发送网络请求获取json数据;
    // GET方法默认是在子线程异步执行的,当AFN获取到网络数据之后,success回调是自动的默认在主线程执行的
    [manager GET:@"https://raw.githubusercontent.com/zhangxiaochuZXC/SZiOS07_FerverFile/master/apps.json" parameters:nil progress:nil success:^(NSURLSessionDataTask * _Nonnull task, id  _Nullable responseObject) {
        
        // responseObject就是字典数组 (AFN自动实现字典转模型)
        NSArray *dictArr = responseObject;
        // 实现字典转模型 : 字典数组转模型数组
        self.appList = [NSArray yy_modelArrayWithClass:[APPModel class] json:dictArr];
//        NSLog(@"%@",self.appList);
        
        // 拿到数据源数组之后,在主线程刷新UI,实现数据源方法
        [self.tableView reloadData];
        
    } failure:^(NSURLSessionDataTask * _Nullable task, NSError * _Nonnull error) {
        NSLog(@"%@",error);
    }];
}

#pragma mark-实现数据源方法
- (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section
{
    return self.appList.count;
}

/*
 1.创建异步操作,在子线程下载图片,在主线程刷新UI
    问题 : 当图片没有下载完,控件是白板
    解决 : 在下载之前,设置占位图
 2.设置占位图
 3.实现内存缓存策略 (因为不做缓存,图片都是从网络中加载)
    解决 : 使用字典实现内存缓存,当要下载的图片在内存中已经有了,就不需要再建立下载操作了
 4.当有网络延迟时,来回滚动cell,由于cell的服用机制,就造成了图片的错位
    解决 : 刷新对应行
 5.当有网络延迟时,在cell上的图片还没有下载完之前,来回的滚动cell,会重复的建立下载操作
    解决 : 使用字典创建操作缓存池,每次建立下载操作之前,先判断要建立的下载操作有没有,如果有,就不在建立下载操作
 6.处理内存警告 : 目的就是为了控制内存平衡,保证程序不因为内存警告而闪退
 7.实现沙盒缓存 : 沙盒缓存只在程序重新启动时有用 / 需要把沙盒数据再在内存中存一份 : 操作内存的效率高于沙盒
 */

- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath
{
    APPCell *cell = [tableView dequeueReusableCellWithIdentifier:@"APPCell" forIndexPath:indexPath];
    
    // 获取cell对应的模型数据
    APPModel *app = self.appList[indexPath.row];
    // 给cell的label子控件赋值
    cell.nameLabel.text = app.name;
    cell.downloadLabel.text = app.download;
    
    // 设置占位图
    cell.iconImageView.image = [UIImage imageNamed:@"user_default"];
    
    // 在建立下载操作之前,判断要下载的图片在图片缓存池中有没有,如果有,就直接读取,并展示
    UIImage *memImage = [self.imagesCache objectForKey:app.icon];
    if (memImage != nil) {
        NSLog(@"从内存中加载... %@",app.name);
        cell.iconImageView.image = memImage;
        return cell;
    }
    
    // 在建立下载操作之前,和判断内存缓存之后,判断是否有沙盒缓存;(提示 : 操作内存的效率高于沙盒)/
    // 沙盒缓存只在程序重新启动时有用
    UIImage *cacheImage = [UIImage imageWithContentsOfFile:[app.icon appendCaches]];
    if (cacheImage != nil) {
        NSLog(@"从沙盒中加载... %@",app.name);
        // 需要再在内存中存一份 : 操作内存的效率高于沙盒
        [self.imagesCache setObject:cacheImage forKey:app.icon];
        cell.iconImageView.image = cacheImage;
        return cell;
    }
    
    // 在建立下载操作之前,判断要建立的下载操作在操作缓存池里面有木有,如果有,就不在建立下载操作
    if ([self.OPCache objectForKey:app.icon] != nil) {
        NSLog(@"正在下载中... %@",app.name);
        return cell;
    }
    
#pragma mark-给cell的iconImageView赋值,先在子线程异步下载,再在主线程赋值
    
    // 创建异步操作
    NSBlockOperation *op = [NSBlockOperation blockOperationWithBlock:^{
        
        NSLog(@"从网络中加载... %@",app.name);
        
        // 模拟网络延迟 : 实际开发中,每行cell的图片的大小有可能差别比较大,造成有些cell图片展示的比较快,有些比较慢,模拟[屏幕之外的cell延迟加载
//        if (indexPath.row > 9) {
//            [NSThread sleepForTimeInterval:60.0];
//        }
        
        // URL
        NSURL *URL = [NSURL URLWithString:app.icon];
        //data : 耗时的操作,最多执行60秒,60秒之后,如果图片没有下载下来,会返回nil
        NSData *data = [NSData dataWithContentsOfURL:URL];
        // image
        UIImage *image = [UIImage imageWithData:data];
        
        // 实现沙盒缓存 : 当image不为空时,才缓存到沙盒
        if (image != nil) {
            [data writeToFile:[app.icon appendCaches] atomically:YES];
        }
        
        // 当image下载完成之后,通知主线程刷新UI
        [[NSOperationQueue mainQueue] addOperationWithBlock:^{
        
            // 图片下载完成之后要做的事情,
            if (image != nil) {
                // 把图片缓存到图片缓存池
                [self.imagesCache setObject:image forKey:app.icon];
                
                // 图片下载完成之后,刷新对应的行,会再次调用cellForRowAtIndexPath
                [self.tableView reloadRowsAtIndexPaths:@[indexPath] withRowAnimation:UITableViewRowAnimationNone];
            }
            
            // 当图片下载完成之后,把图片对应的下载操作,从操作缓存池移除,保证了内存平衡和保证了操作魂村吃里面只有没有执行完的操作
            [self.OPCache removeObjectForKey:app.icon];
        }];
    }];
    // 把下载操作添加到操作缓存池
    [self.OPCache setObject:op forKey:app.icon];
    // 把异步操作添加到队列
    [self.queue addOperation:op];
    
    return cell;
}

- (void)tableView:(UITableView *)tableView didSelectRowAtIndexPath:(NSIndexPath *)indexPath
{
    NSLog(@"%tu",self.queue.operationCount);
}

// 当系统觉得内存不够用时,会发送内存警告的通知
- (void)didReceiveMemoryWarning {
    [super didReceiveMemoryWarning];
    
    // 一定要清空图片缓存池
    [self.imagesCache removeAllObjects];
    // 可以清空操作缓存池
    [self.OPCache removeAllObjects];
    // 可以清空队列
    [self.queue cancelAllOperations];
}


@end