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

  1 #import "ChaosViewController.h"
  2 #import "ChaosApp.h"
  3 
  4 @interface ChaosViewController ()
  5 /** 模型集合 */
  6 @property(nonatomic,strong) NSMutableArray *apps;
  7 /** 图片缓存 */
  8 @property(nonatomic,strong) NSMutableDictionary *imageCache;
  9 
 10 /** queue */
 11 @property(nonatomic,strong) NSOperationQueue *queue;
 12 
 13 /** 所有的操作对象 */
 14 @property(nonatomic,strong) NSMutableDictionary *opeartions;
 15 
 16 @end
 17 
 18 @implementation ChaosViewController
 19 
 20 - (NSMutableDictionary *)opeartions
 21 {
 22     if (_opeartions == nil) {
 23         
 24         _opeartions = [NSMutableDictionary dictionary];
 25         
 26     }
 27     return _opeartions;
 28 }
 29 
 30 - (NSOperationQueue *)queue
 31 {
 32     if (_queue == nil) {
 33         
 34         // 设置最大线程数
 35         _queue.maxConcurrentOperationCount = 3;
 36         
 37         _queue = [[NSOperationQueue alloc] init];
 38     }
 39     return _queue;
 40 }
 41 
 42 - (NSMutableDictionary *)imageCache
 43 {
 44     if (_imageCache == nil) {
 45         
 46         _imageCache = [NSMutableDictionary dictionary];
 47     }
 48     return _imageCache;
 49 }
 50 
 51 - (NSMutableArray *)apps
 52 {
 53     if (_apps == nil) {
 54         
 55         _apps = [NSMutableArray array];
 56         
 57         NSString *path = [[NSBundle mainBundle] pathForResource:@"apps.plist" ofType:nil];
 58         NSArray *arrDict = [NSArray arrayWithContentsOfFile:path];
 59         
 60         for (NSDictionary *dict in arrDict) {
 61             ChaosApp *app = [ChaosApp appWithDict:dict];
 62             [_apps addObject:app];
 63         }
 64     }
 65     
 66     return _apps;
 67 }
 68 
 69 - (void)viewDidLoad {
 70     [super viewDidLoad];
 71 }
 72 
 73 #pragma mark - Table view data source
 74 
 75 - (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section {
 76     
 77     return self.apps.count;
 78 }
 79 
 80 
 81 - (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath {
 82     
 83     UITableViewCell *cell = [tableView dequeueReusableCellWithIdentifier:@"app"];
 84     
 85     ChaosApp *app = self.apps[indexPath.row];
 86     
 87     cell.textLabel.text = app.name;
 88     cell.detailTextLabel.text = app.download;
 89     
 90     UIImage *image = self.imageCache[app.icon];
 91     
 92     if (image) { // 缓存中有图片
 93         
 94         cell.imageView.image = image;
 95         
 96     } else { // 缓存中没有,系统沙盒中找图片
 97         
 98         // 获取Library\Cache文件
 99         NSString *cachePath = [NSSearchPathForDirectoriesInDomains(NSCachesDirectory, NSUserDomainMask, YES) lastObject];
100         // 获取要获取图片的名称
101         NSString *fileName = [app.icon lastPathComponent];
102         // 拼接图片文件路径
103         NSString *fullPath = [cachePath stringByAppendingPathComponent:fileName];
104         
105         // 通过图片全路径得到NSData
106         NSData *data = nil;// [NSData dataWithContentsOfFile:fullPath];
107         
108         if (data) { // 沙盒中有图片
109             
110             cell.imageView.image = [UIImage imageWithData:data];
111             
112         } else { // 沙盒Cache文件中也没有
113             // 设置站位图片 -- 作用：系统的imageView默认没有尺寸，如果第一张图片还没显示出来，用户拖拽之后再回来，图片下载完成也不会显示了。其实imageview已经有图片了，只不过imageView没有尺寸看不见。
114             cell.imageView.image = [UIImage imageNamed:@"placeholder"];
115             
116             NSOperation *operation = self.opeartions[app.icon]; // 从操作集合中取出对应图片的operation
117             if (operation == nil) {
118                 operation = [NSBlockOperation blockOperationWithBlock:^{
119                     
120                     // 下载图片
121                     NSData *data = [NSData dataWithContentsOfURL:[NSURL URLWithString:app.icon]];
122                     
123                     if (data == nil) {
124                         [self.opeartions removeObjectForKey:app.icon];
125                         return;
126                     }
127                     
128                     UIImage *image = [UIImage imageWithData:data];
129 //                    [NSThread sleepForTimeInterval:1.0]; // 线程睡一秒之后，cell图片出现了混乱
130                     // 将下载的图片存入到缓存集合中，app.icon作为键  image作为值
131                     self.imageCache[app.icon] = image;
132                     
133                     [[NSOperationQueue mainQueue] addOperationWithBlock:^{
134                         // 回到主线程显示图片
135                         [tableView reloadRowsAtIndexPaths:@[indexPath] withRowAnimation:UITableViewRowAnimationNone];
136                     }];
137                     
138                     // 将图片写入沙盒Cache文件中
139                     [data writeToFile:fullPath atomically:YES];
140                     
141                     [self.opeartions removeObjectForKey:app.icon];
142                 }];
143             }
144             
145             [self.queue addOperation:operation];
146             self.opeartions[app.icon] = operation;
147         }
148     }
149     return cell;
150 }
151 
152 
153 @end