EasyIOS中AutoLayoutCell加载动态图片的问题_cell动态加载网络图片问题处理-CSDN博客

本文链接：https://blog.csdn.net/wanghongios/article/details/44223295

EasyIOS框架中 AutoLayoutCell 确实是很好用的。

今天在使用AutoLayoutCell完善一个项目的时候遇到一个问题，当cell在加载通过网络数据请求到的图片的时候，该如何给渲染该图片的UIImageView添加约束。

理论上讲大家都懂：在cell重用的时候，移除UIImageView上旧的约束，添加新约束。理论当然是对的。

先大概讲下我用来测试这个想法用到的案例:

首先，用EasyIOS创建一个项目，自定义一个Scene，里面添加一个tableView,这个tableView当然是EasyIOS里面的ALTableView类型。然后自定义Cell,Cell的模型如下

#import <UIKit/UIKit.h>

@interface CommentCell : UITableViewCell
@property(strong,nonatomic)UIImageView *avator;//这个就是用来显示动态图片的UIImageView
@property(strong,nonatomic)UILabel *nicknameLabel;
@property(strong,nonatomic)UILabel *timeLabel;
@property(strong,nonatomic)UILabel *contentLabel;

- (void)setViewLayout;
@end

//
//  CommentCell.m
//  ledaibao.ios
//
//  Created by 王宏 on 15/2/9.
//  Copyright (c) 2015年 ledaibao. All rights reserved.
//

#import "CommentCell.h"

@implementation CommentCell

- (instancetype)initWithStyle:(UITableViewCellStyle)style reuseIdentifier:(NSString *)reuseIdentifier
{
    self = [super initWithStyle:style reuseIdentifier:reuseIdentifier];
    if(self){
        [self setBackgroundColor:[UIColor flatWhiteColor]];
        _avator = [UIImageView new];
        _avator.contentMode = UIViewContentModeScaleAspectFill;
        _avator.layer.cornerRadius = 10;
        _avator.layer.masksToBounds = YES;
        _avator.clipsToBounds = YES;
        [self.contentView addSubview:_avator];
        
        _nicknameLabel = [UILabel new];
        [_nicknameLabel setFont:[UIFont systemFontOfSize:10.0f]];
        [_nicknameLabel setTextColor:[UIColor colorWithRed:0.000 green:0.502 blue:1.000 alpha:0.570]];
        [self.contentView addSubview:_nicknameLabel];
        
        
        _timeLabel = [UILabel new];
        [_timeLabel setFont:[UIFont systemFontOfSize:10.0f]];
        [_timeLabel setTextColor:[UIColor lightGrayColor]];
        [_timeLabel setNumberOfLines:1];
        [self.contentView addSubview:_timeLabel];
        
        UIView *line = [[UIView alloc]init];
        [self.contentView addSubview:line];
        [line setBackgroundColor:[UIColor colorWithWhite:0.767 alpha:0.440]];
        [line alignLeading:@"20" trailing:@"-20" toView:line.superview];
        [line constrainHeight:@"1"];
        [line alignBottomEdgeWithView:line.superview predicate:@"-1"];
        
        _contentLabel = [UILabel new];
        [_contentLabel setFont:[UIFont systemFontOfSize:13.0f]];
        [_contentLabel setTextColor:[UIColor blackColor]];
        [_contentLabel setNumberOfLines:0];
        [self.contentView addSubview:_contentLabel];
        
        [self setViewLayout];
        
    }
    return self;
}



- (void)setViewLayout
{
    //[_avator constrainWidth:@"20" height:@"20@999"];
    [_avator constrainWidth:@"20"];
    [_avator alignTop:@"10" leading:@"20" toView:_avator.superview];
    
    [_nicknameLabel alignBottomEdgeWithView:_avator predicate:nil];
    [_nicknameLabel constrainLeadingSpaceToView:_avator predicate:@"10"];
    [_nicknameLabel constrainHeight:@"20"];
    
    [_timeLabel alignBottomEdgeWithView:_avator predicate:nil];
    [_timeLabel alignTrailingEdgeWithView:_timeLabel.superview predicate:@"-20"];
    [_timeLabel constrainHeight:@"20"];
    
    [_contentLabel constrainTopSpaceToView:_avator predicate:@"10"];
    [_contentLabel alignLeading:@"20" trailing:@"-20" toView:_contentLabel.superview];
    [_contentLabel alignBottomEdgeWithView:_contentLabel.superview predicate:@"-10"];
}

-(void)prepareForReuse
{
    [super prepareForReuse];
//    NSArray *constraints = self.avator.constraints;
//      NSLog(@"111constraints:%@",constraints);
//    for(NSLayoutConstraint *l in constraints)
//    {
//        if(l.priority == 999)
//        {
//            [_avator removeConstraint:l];
//            NSLog(@"111111:%@",_avator.constraints);
//        }
//        
//    }
}


@end

.m文件这样已经相当详细了,看- (void)prepareForReuse里面的注释掉的代码，移除旧的约束，然后在cell生成的时候，添加新约束，理论上是没有问题的。但是，关键是这个但是，测试的时候模拟器显示的时候，cell的高度明显不够，看图

下面贴一下我生成cell的过程,

- (void)tableView:(UITableView *)tableView configureCell:(UITableViewCell *)cell forRowAtIndexPath:(NSIndexPath *)indexPath
{
    CommentCell *commentCell = (CommentCell *)cell;
    Comment *comment = [self.commentSceneModel.commentList.commentArray objectAtIndex:indexPath.row];
    [commentCell.avator sd_setImageWithURL:[NSURL URLWithString:comment.avator] placeholderImage:[UIImage imageNamed:@"avator"]];
    
    NSArray *heightArray = @[@"30",@"40",@"150",@"60",@"10",@"120",@"55",@"14",@"88",@"168"];
    
    
    NSString *heightString = [NSString stringWithFormat:@"%@@999",[heightArray objectAtIndex:indexPath.row]];
    
//    NSArray *constraints = commentCell.avator.constraints;
//    for(NSLayoutConstraint *l in constraints)
//    {
//        if(l.priority == 999)
//        {
//            [commentCell.avator removeConstraint:l];
//        }
//        
//    }
    [commentCell.avator constrainHeight:heightString];
    NSLog(@"111111:%@",commentCell.avator.constraints);
    
    [commentCell.contentLabel setText:comment.content];
    [commentCell.nicknameLabel setText:comment.nickname];
    NSString *timestamp = [TimeFormat timestamp:comment.createTime];
    [commentCell.timeLabel setText:timestamp];
}

为了起到测试效果，我将avator定宽，高度安排数组里面那些高度来模拟动态数据。理论上是ok的，但是问题出在哪里呢，研究了一下午，掰开EasyIOS源码，
找到ALTableViewCellFactory这个文件，找到这里

你发现了什么，是的 EasyIOS框架的ALTableViewCellFactory在计算高度的时候先渲染数据再计算高度，它计算高度的时候自始至终只用了一个cell，所以导致一个问题：在我第一次添加动态图片的约束的时候这个约束存在，第二次计算高度的时候，又添加了一个新的约束条件，而老的约束依然存在，因为计算高度的时候，并没有执行cell的回收方法，所以在prepareForReuse里面去掉旧的约束是不对的，虽然产生的cell是可以用的但是，计算出来的高度有问题。所以只能在渲染cell内容的时候，先判断cell中avator的旧的约束将其删除，后添加新约束，每次都是如此.这样的话：第一，在计算cell高度的时候，能保证cell的avator没有旧约束的干扰，正确的计算cell的高度。第二，生成cell的时候，当cell属于回收cell，可以省略prepareForReuse中对于旧约束的判断，直接写在cell渲染阶段，保证cell约束的完整性.