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

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

    • 一、自定义cell.xib上拖拽一个imageView
    • 二、在VC.m 中根据图片尺寸设置cell高度
  • ⚠️⚠️⚠️注意:加载图片失败时,必须判断有图片才刷新tableView,避免因图片加载失败而引起死循环!

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

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

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

UITableView加载网络图片 cell适应图片高度_第1张图片

二、在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,避免因图片加载失败而引起死循环!

你可能感兴趣的:(iOS,iphone,ios,objective-c,cell)