iOS边练边学--多线程练习的多图片下载 以及 使用第三方框架（SDWebImage）的多图片下载

一、自己实现多图片下载应该注意的问题

• 沙盒缓存的问题
• 程序缓存的问题
• cell重复利用显示图片混乱的问题 -- 用户拖拽快，下载图片慢导致的
• 解决图片混乱引入NSOperation集合的问题
• 资源下载失败的问题（练习中没有出现过，但是一定要考虑）

#import "ChaosViewController.h"
#import "ChaosApp.h"

@interface ChaosViewController ()
/** 模型集合 */
@property(nonatomic,strong) NSMutableArray *apps;
/** 图片缓存 */
@property(nonatomic,strong) NSMutableDictionary *imageCache;

/** queue */
@property(nonatomic,strong) NSOperationQueue *queue;

/** 所有的操作对象 */
@property(nonatomic,strong) NSMutableDictionary *opeartions;

@end

@implementation ChaosViewController

- (NSMutableDictionary *)opeartions
{
    if (_opeartions == nil) {
        
        _opeartions = [NSMutableDictionary dictionary];
        
    }
    return _opeartions;
}

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

- (NSMutableDictionary *)imageCache
{
    if (_imageCache == nil) {
        
        _imageCache = [NSMutableDictionary dictionary];
    }
    return _imageCache;
}

- (NSMutableArray *)apps
{
    if (_apps == nil) {
        
        _apps = [NSMutableArray array];
        
        NSString *path = [[NSBundle mainBundle] pathForResource:@"apps.plist" ofType:nil];
        NSArray *arrDict = [NSArray arrayWithContentsOfFile:path];
        
        for (NSDictionary *dict in arrDict) {
            ChaosApp *app = [ChaosApp appWithDict:dict];
            [_apps addObject:app];
        }
    }
    
    return _apps;
}

- (void)viewDidLoad {
    [super viewDidLoad];
}

#pragma mark - Table view data source

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


- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath {
    
    UITableViewCell *cell = [tableView dequeueReusableCellWithIdentifier:@"app"];
    
    ChaosApp *app = self.apps[indexPath.row];
    
    cell.textLabel.text = app.name;
    cell.detailTextLabel.text = app.download;
    
    UIImage *image = self.imageCache[app.icon];
    
    if (image) { // 缓存中有图片
        
        cell.imageView.image = image;
        
    } else { // 缓存中没有,系统沙盒中找图片
        
        // 获取LibraryCache文件
        NSString *cachePath = [NSSearchPathForDirectoriesInDomains(NSCachesDirectory, NSUserDomainMask, YES) lastObject];
        // 获取要获取图片的名称
        NSString *fileName = [app.icon lastPathComponent];
        // 拼接图片文件路径
        NSString *fullPath = [cachePath stringByAppendingPathComponent:fileName];
        
        // 通过图片全路径得到NSData
        NSData *data = nil;// [NSData dataWithContentsOfFile:fullPath];
        
        if (data) { // 沙盒中有图片
            
            cell.imageView.image = [UIImage imageWithData:data];
            
        } else { // 沙盒Cache文件中也没有
            // 设置站位图片 -- 作用：系统的imageView默认没有尺寸，如果第一张图片还没显示出来，用户拖拽之后再回来，图片下载完成也不会显示了。其实imageview已经有图片了，只不过imageView没有尺寸看不见。
            cell.imageView.image = [UIImage imageNamed:@"placeholder"];
            
            NSOperation *operation = self.opeartions[app.icon]; // 从操作集合中取出对应图片的operation
            if (operation == nil) {
                operation = [NSBlockOperation blockOperationWithBlock:^{
                    
                    // 下载图片
                    NSData *data = [NSData dataWithContentsOfURL:[NSURL URLWithString:app.icon]];
                    
                    if (data == nil) {
                        [self.opeartions removeObjectForKey:app.icon];
                        return;
                    }
                    
                    UIImage *image = [UIImage imageWithData:data];
//                    [NSThread sleepForTimeInterval:1.0]; // 线程睡一秒之后，cell图片出现了混乱
                    // 将下载的图片存入到缓存集合中，app.icon作为键  image作为值
                    self.imageCache[app.icon] = image;
                    
                    [[NSOperationQueue mainQueue] addOperationWithBlock:^{
                        // 回到主线程显示图片
                        [tableView reloadRowsAtIndexPaths:@[indexPath] withRowAnimation:UITableViewRowAnimationNone];
                    }];
                    
                    // 将图片写入沙盒Cache文件中
                    [data writeToFile:fullPath atomically:YES];
                    
                    [self.opeartions removeObjectForKey:app.icon];
                }];
            }
            
            [self.queue addOperation:operation];
            self.opeartions[app.icon] = operation;
        }
    }
    return cell;
}


@end

二、使用SDWebImage框架之后，上面所有的担心都不用考虑。