【原创】开源中国阅读小记 - 3 - TableCell图片异步加载

首先看TableView获取cell实例的方法

- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath

涉及Cell实例化的代码：

PostCell *cell = (PostCell *)[tableView dequeueReusableCellWithIdentifier:PostCellIdentifier];            if (!cell)             {                // loadNib 方式加载nib从而实例化自定义Cell                NSArray *objects = [[NSBundle mainBundle] loadNibNamed:@"PostCell" owner:self options:nil];                for (NSObject *o in objects) {                    if([o isKindOfClass:[PostCell class]]){                        cell = (PostCell *)o;                        break;                    }                }                UITap *singleTap = [[UITap alloc] initWithTarget:self action:@selector(clickImg:)];                // 设置手势，当单击头像图片的时候打开用户详细信息页面                [cell.img addGestureRecognizer:singleTap];            }            // 加载默认的图片            cell.img.image = [UIImage imageNamed:@"avatar_loading.jpg"];            Post *p = [posts objectAtIndex:indexPath.row];            if ([cell.img.gestureRecognizers count] > 0) {                UITap *tap = (UITap *)[cell.img.gestureRecognizers objectAtIndex:0];                if (tap) {                    // 给手势设置tag，用以点击的时候能知道需要展开的具体用户(ID)                    tap.tag = p.authorid;                }            }            cell.lbl_answer_chinese.text = self.catalog <= 1 ? @"回答" : @"回帖";            cell.txt_Title.text = p.title;            cell.txt_Title.font = [UIFont boldSystemFontOfSize:14.0];            cell.lbl_AnswerCount.text = [NSString stringWithFormat:@"%d", p.answerCount];            cell.lblAuthor.text = [NSString stringWithFormat:@"%@ 发布于%@", p.author, p.fromNowOn];            if (p.imgData) {                // 将已加载且在内存中的image直接赋值                cell.img.image = p.imgData;            }            else // 图片不再内存中...            {                 if ([p.img isEqualToString:@""]) {                    p.imgData = [UIImage imageNamed:@"avatar_noimg.jpg"];                }                else                {                    // TangQiao ImageCache ：）                    // 尝试从内存池中获取图片                    NSData * imageData = [_iconCache getImage:[TQImageCache parseUrlForCacheName:p.img]];                    if (imageData) {                        p.imgData = [UIImage imageWithData:imageData];                        cell.img.image = p.imgData;                    }                     else                     {                        // 判断当前位置的图片是否在读取中，如果在读取中，则downloader不为nil，则忽略（因为网络交互还在进行中）                        IconDownloader *downloader = [imageDownloadsInProgress objectForKey:[NSString stringWithFormat:@"%d", [indexPath row]]];                        if (downloader == nil) {                            // 如果为空，则进行异步读取，并将其加入字典 imageDownloadsInProgress中                            ImgRecord *record = [ImgRecord new];                            record.url = p.img;                            [self startIconDownload:record forIndexPath:indexPath];                        }                    }                }            }            return cell;

下一步，startIconDownload: forIndexPath:中的实现，简要而言，就是做以下几件事：

1. 实例化IconDownloader，并将其set到imageDownloadsInProgress中

2. iconDownloader的实例则使用

NSURLConnection *conn = [[NSURLConnection alloc] initWithRequest:                             [NSURLRequest requestWithURL:                              [NSURL URLWithString:imgRecord.url]] delegate:self];

进行异步请求

3. 当conn执行完毕，执行它的delegate - IconDownloader的finish方法，在这个方法中缓存image

4. finish方法中，调用delegate - PostView，将ImageData通过UIImagePNGRepresentation渲染为image（png） data，并调用[tablePosts reloadData]

 

这里，值得商榷的是：每一张图片加载完毕都调用一次reloadData的方式是否是最优？