UITableView加载网络图片 cell适应图片高度

一、自定义cell.xib上拖拽一个imageView

上下左右贴边约束，连线属性

cell.h
@property (strong, nonatomic) IBOutlet UIImageView *imgView;

cell.xib 截图

二、在VC.m 中根据图片尺寸设置cell高度

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

- (CGFloat)tableView:(UITableView *)tableView heightForRowAtIndexPath:(NSIndexPath *)indexPath{
    // 先从缓存中查找图片
    NSString *imgURL = self.picAdrVOS[indexPath.row].imgUrl;
    UIImage *image = [[SDImageCache sharedImageCache] imageFromDiskCacheForKey:imgURL];
    
    if (!image) {
        return 0;
    }
    //手动计算cell
    CGFloat imgHeight = image.size.height * kScreenWidth / image.size.width;
    return imgHeight;
}

- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath {
    YBMImgTableViewCell *cell = [tableView dequeueReusableCellWithIdentifier:@"YBMImgTableViewCell" forIndexPath:indexPath];
    [self configureCell:cell atIndexPath:indexPath];
    ……
    return cell;
}

//加载图片
- (void)configureCell:(YBMImgTableViewCell *)cell atIndexPath:(NSIndexPath *)indexPath {
    YBMShopHomePicModel *model = self.picAdrVOS[indexPath.row];
    UIImage *cachedImage = [[SDImageCache sharedImageCache] imageFromDiskCacheForKey:model.imgUrl];
    if (!cachedImage ) {
        [self downloadImage:model.imgUrl];
    } else {
        cell.imgView.image = cachedImage;
    }
}

- (void)downloadImage:(NSString *)imageURL{
    // 利用 SDWebImage 框架提供的功能下载图片
    [[SDWebImageDownloader sharedDownloader]downloadImageWithURL:[NSURL URLWithString:imageURL] options:SDWebImageDownloaderUseNSURLCache progress:^(NSInteger receivedSize, NSInteger expectedSize) {
    } completed:^(UIImage *image, NSData *data, NSError *error, BOOL finished) {
        [[SDImageCache sharedImageCache]storeImage:image forKey:imageURL toDisk:YES];
        // ⚠️必须判断有图片才刷新，避免因加载失败而引起死循环！
        if (image) {
          dispatch_async(dispatch_get_main_queue(), ^{
              [self.tableView reloadData];
          });
        }
    }];
}

这样就可以实现效果啦。

⚠️⚠️⚠️注意：加载图片失败时，必须判断有图片才刷新tableView，避免因图片加载失败而引起死循环！