仿SDWebImage多图片下载

一、思路分析

  • 无缓冲


    仿SDWebImage多图片下载_第1张图片
    无缓存.png
  • 有缓冲:优化

仿SDWebImage多图片下载_第2张图片
有缓存.png

二、实现

  • 1.抽取分类:快速获取沙盒路径,因为要实现缓冲吗
// .h 文件

#import 

@interface NSString (JP)

// 用于生成文件在caches目录中的路径
- (instancetype)cacheDir;
// 用于生成文件在document目录中的路径
- (instancetype)docDir;
// 用于生成文件在tmp目录中的路径
- (instancetype)tmpDir;

// .m文件

#import "NSString+JP.h"
@implementation NSString (JP)

- (instancetype)cacheDir
{
    // 1.获取caches目录
    NSString *path = [NSSearchPathForDirectoriesInDomains(NSCachesDirectory, NSUserDomainMask, YES) lastObject];
    // 2.生成绝对路径
    return [path stringByAppendingPathComponent:[self lastPathComponent]];
}

- (instancetype)docDir
{
    NSString *path = [NSSearchPathForDirectoriesInDomains(NSDocumentDirectory, NSUserDomainMask, YES) lastObject];
    return [path stringByAppendingPathComponent:[self lastPathComponent]];
}

- (instancetype)tmpDir
{
    NSString *path = NSTemporaryDirectory();
    return [path stringByAppendingPathComponent:[self lastPathComponent]];
}
@end
  • 2.实现
#import "ViewController.h"
#import "JPApp.h"
#import "NSString+JP.h"

@interface ViewController ()

@property (nonatomic, strong) NSArray *apps; /**< 应用程序模型数组信息 */
@property (nonatomic, strong) NSMutableDictionary *imageCaches; /**< 图片内存缓存 */
@property (nonatomic, strong) NSMutableDictionary *operations;  /**< 任务缓存 */

@end

@implementation ViewController

- (void)viewDidLoad{
    [super viewDidLoad];
    self.tableView.rowHeight = 150;
}

#pragma mark - UITableViewDatasource

- (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section
{
    return self.apps.count;
}

- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath
{
    // 1.获取cell
    UITableViewCell *cell = [tableView dequeueReusableCellWithIdentifier:@"app"];
    
    // 2.设置数据
    JPApp *app = self.apps[indexPath.row];
    
    cell.textLabel.text = app.name;
    cell.detailTextLabel.text = [NSString stringWithFormat:@"下载:%@", app.download];
    cell.imageView.image = [UIImage imageNamed:@"abc"];
    
    // 设置图片
    /*
     存在的问题:
     1.在主线程中下载图片, 可能会阻塞主线程
     2.重复下载
     */
    // 1.先从内存缓存中获取, 如果没有才去下载
    UIImage *image = self.imageCaches[app.icon];
    if (image == nil) {
        
        // 2.再从磁盘缓存中获取, 如果没有才去下载
        NSString *filePath = [app.icon cacheDir];
        __block NSData *data = [NSData dataWithContentsOfFile:filePath];
        
        if (data == nil) {
            NSLog(@"下载图片");
            /*
             存在的问题:
             1.重复设置
             2.重复下载
             */
            NSOperationQueue *queue = [[NSOperationQueue alloc] init];
            
            // 3.判断当前图片是否有任务正在下载
            NSBlockOperation *op = self.operations[app.icon];
            if (op == nil) {
                // 没有对应的下载任务
                op = [NSBlockOperation blockOperationWithBlock:^{
                    // 开启子线程下载
                    // 内存缓存中没有值, 需要下载
                    NSURL *url = [NSURL URLWithString:app.icon];
                    data = [NSData dataWithContentsOfURL:url];
                    if (data == nil) {
                        // 如果下载失败, 应该将当前图片对应的下载任务从缓存中移除 \
                        以便于下次可以再次尝试下载
                        [self.operations removeObjectForKey:app.icon];
                        return;
                    }

                    UIImage *image = [UIImage imageWithData:data];
                    // 将下载好的图片缓存到内存缓存中
                    self.imageCaches[app.icon] = image;
                    
                    // 将下载好的图片写入到磁盘
                    [data writeToFile:filePath atomically:YES];
                    
                    // 回到主线程更新UI
                    [[NSOperationQueue mainQueue] addOperationWithBlock:^{
                        NSLog(@"更新UI");
    //                    cell.imageView.image = image;
                        
                        // 刷新指定的行
                        // 0 / 4
                        [tableView reloadRowsAtIndexPaths:@[indexPath] withRowAnimation:UITableViewRowAnimationNone];
                        
                        // 从缓存中将当前图片对应的下载任务移除
                        [self.operations removeObjectForKey:app.icon];
                    }];
                }];
                
                
                // 先将下载任务保存到缓存中
                self.operations[app.icon] = op;
                
                // 将任务添加到队列中
                [queue addOperation:op];
            }
            
        }else
        {
            NSLog(@"使用磁盘缓存");
            NSData *data = [NSData dataWithContentsOfFile:filePath];
            UIImage *image = [UIImage imageWithData:data];
            
            // 将下载好的图片缓存到内存缓存中
            self.imageCaches[app.icon] = image;
            
            // 更新UI
            cell.imageView.image = image;
        }
    }else
    {
        NSLog(@"使用内存缓存");
        // 更新UI
        cell.imageView.image = image;
    }
    
    
    // 3.返回cell
    return cell;
}

// 接收到内存警告
- (void)didReceiveMemoryWarning
{
    [super didReceiveMemoryWarning];
    
    // 释放当前不需要使用内存
    self.imageCaches = nil;
    self.operations = nil;
    self.apps = nil;
}

#pragma mark - lazy
- (NSArray *)apps
{
    if (!_apps) {
        // 1.从plist中加载数组
        NSString *path = [[NSBundle mainBundle] pathForResource:@"apps.plist" ofType:nil];
        NSArray *arr = [NSArray arrayWithContentsOfFile:path];
        
        // 2.定义数组保存转换好的模型
        NSMutableArray *models = [NSMutableArray arrayWithCapacity:arr.count];
        
        // 3.遍历数组中所有的字典, 将字典转换为模型
        for (NSDictionary *dict in arr) {
            JPApp *app = [JPApp appWithDict:dict];
            [models addObject:app];
        }
        _apps = [models copy];
    }
    return _apps;
}


- (NSMutableDictionary *)imageCaches
{
    if (!_imageCaches) {
        _imageCaches = [NSMutableDictionary dictionary];
    }
    return _imageCaches;
}

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

@end

你可能感兴趣的:(仿SDWebImage多图片下载)