我记录一下自己如何解决cell内容重叠的问题

首先,复习一下:http://blog.csdn.net/omegayy/article/details/7356823

UITableViewCell的重用,一般根据TableView同时显示在界面中的cell个数来分配内存,当然前提是,cell都是共用一个reuseIdentifier。

这样就会导致自定义cell.contentView中加载的一些subView会重叠。我是出现了这样的情况:

捉襟见肘之UITableViewCell重用引发的问题-LMLPHP

因为cell是重用的,cell.contentView的subView都是被保留的,所以在用reuse cell 的时候,记得,删除cell中contentView中的子视图

第一种方法:

- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath
{
    static NSString * reuseIndentifier = @"FindCommentCell";
    FindCommentCell * cell = [tableView dequeueReusableCellWithIdentifier:reuseIndentifier];
    if (!cell)
    {
        cell = [[FindCommentCell alloc] initWithreuseIndentifier:reuseIndentifier];
    }
    else
    {
        while ([cell.contentView.subviews lastObject] != nil)
        {
            [(UIView *)[cell.contentView.subviews lastObject] removeFromSuperview];
        }
    }
    return cell;

}

首先,通过第一种方法,我可以根据资料和我测试的结果学习如下几点:

(1) reuse 的cell 有些已经加载号一些视图的,如果想重新显示他们,有必要清楚其中的数据,或者说,重新赋新数据,所以第一种方法,其实简单粗暴,就是直接remove掉了,然后让你从新addSubView

(2)通过第一种方法,得出很多弊端,让我再一次反思了UI上,应该是创建UI和赋值数据是应当完全分开处理的

(3)让我再一次理解tableView的cell复用机制,cell其实是队列,先进的先出,然后被复用,再进入,按照单一的方向来说。

随后,我给出我自己的第二种方案

2.第二种方法:

 - (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath
 {
     static NSString * reuseIndentifier = @"FindCommentCell";

     FindCommentCell * cell = [tableView dequeueReusableCellWithIdentifier:reuseIndentifier];

     if (!cell)
     {
         cell = [[FindCommentCell alloc] initWithreuseIndentifier:reuseIndentifier];
     }

     [cell setModel:_commentArray[indexPath.row] Height:_commentHeightArr[indexPath.row]];

     return cell;

 }

XX-ViewController

 - (void)setModel:(FindCommentUserModel *)model Height:(NSArray *)contentSize
 {
     _model   = model;
     _sizeArr = contentSize;

     [self.contentView addSubview:self.userHeader];
     [self.contentView addSubview:self.userName];
     [self.contentView addSubview:self.userTime];
     [self.contentView addSubview:self.content];

     [self setUp];
 }

FindCommentCell

 #pragma mark - Getter

 - (UIImageView *)userHeader
 {
     if (!_userHeader)
     {
         _userHeader = [[UIImageView alloc] initWithFrame:CGRectZero];
         _userHeader.image = [UIImage imageNamed:@"test.jpg"];
         _userHeader.userInteractionEnabled = YES;
     }
     return _userHeader;
 }
 ...
 ...
 ...
 ...

FindCommentCell - Getter

 - (void)setUp
 {
     _userHeader.frame = CGRectMake(FC_PADDING, FC_PADDING, FC_Header_W, FC_Header_W);
     _userName.frame   = CGRectMake(CGRectGetMaxX(_userHeader.frame)+FC_PADDING, FC_PADDING, , font_findZone_content_size - );
     _content.frame    = CGRectMake(CGRectGetMaxX(_userHeader.frame) + FC_PADDING, CGRectGetMaxY(_userName.frame) + .f, [_sizeArr[] floatValue], [_sizeArr[] floatValue]);
     _userName.text = _model.userName;
     _content.text  = _model.content;
 }

FindCommentCell - SetUp

最终两种方案的结果:

捉襟见肘之UITableViewCell重用引发的问题-LMLPHP

感觉是时候用storybord 或者 第三方约束了,且学且珍惜

05-11 11:28