UITableViewCell高度自适应

UITableViewCell高度自适应

UITableView是iOS开发过程中常用的列表控件，固定高度的Cell布局再熟悉不过，比较麻烦的是高度不固定的问题，

比如用大量文字需要展示的。

一、手动计算，手动布局

主要的实现思路：计算好需要的高度，然后设置Cell高度和布局；

用的的代理方法的调用顺序

//1、先调用返回高度
- (CGFloat)tableView:(UITableView *)tableView heightForRowAtIndexPath:(NSIndexPath *)indexPath;

//2、再调用返回Cell
- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath;

关于计算高度的时间：1、在设置高度的时候计算 2、获取到数据初始化Model的时候计算；我选择后者，请求、解析数据、初始化model可以再一次等待过程解决，不需要再获取的时候现计算，速度要快些。创建Model如下：

#import <Foundation/Foundation.h>
#import <UIKit/UIKit.h>

@interface DataModel : NSObject

@property (nonatomic,copy)NSString *name;

@property (nonatomic,copy)NSString *text;

@property (nonatomic,assign)CGFloat rowHeight;

@end



#import "DataModel.h"

@implementation DataModel


-(void)setText:(NSString *)text
{
    _text = text;
    
    //315是文字控件的宽度，这里不涉及适配问题，直说解决思路
    CGRect rect = [self.text boundingRectWithSize:CGSizeMake(315, CGFLOAT_MAX) options:NSStringDrawingUsesLineFragmentOrigin attributes:@{NSFontAttributeName:[UIFont systemFontOfSize:17]} context:nil];
    
    self.rowHeight = rect.size.height;
}


@end

这里是在设置文字内容的时候计算高度。

自定义Cell的代码如下

#import <UIKit/UIKit.h>
#import "DataModel.h"

@interface CustomTableCell : UITableViewCell
//文字1
@property (strong, nonatomic)  UILabel *name;

//文字2
@property (strong, nonatomic)  UILabel *text;

//刷新
-(void)reload:(DataModel *)data;

@end



#import "CustomTableCell.h"

@implementation CustomTableCell

- (instancetype)initWithStyle:(UITableViewCellStyle)style reuseIdentifier:(NSString *)reuseIdentifier
{
    self = [super initWithStyle:style reuseIdentifier:reuseIdentifier];
    if (self) {
        
        //添加两个UILabel
        self.name = [[UILabel alloc] initWithFrame:CGRectMake(0, 0, 60, 44)];
        self.name.textAlignment = NSTextAlignmentCenter;
        self.name.backgroundColor = [UIColor grayColor];
        [self addSubview:self.name];
        
        self.text = [[UILabel alloc] initWithFrame:CGRectMake(60, 0, 315, 44)];
        self.text.backgroundColor = [UIColor lightGrayColor];
        self.text.numberOfLines = 0;
        [self addSubview:self.text];
    }
    return self;
}

-(void)reload:(DataModel *)data
{
    self.name.text = data.name;
    self.text.text = data.text;
    //刷新frame
    self.text.frame = CGRectMake(60, 0, 315, data.rowHeight);
}

@end

然后使用

- (CGFloat)tableView:(UITableView *)tableView heightForRowAtIndexPath:(NSIndexPath *)indexPath
{
    
    DataModel *data = [self.dataSource objectAtIndex:indexPath.row];
    return data.rowHeight;
}
- (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section
{
    return self.dataSource.count;
}

- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath
{
    static NSString *Identi = @"Cell";
    CustomTableCell *cell = [tableView dequeueReusableCellWithIdentifier:Identi ];
    
    if (cell == nil) {
        cell = [[CustomTableCell alloc] initWithStyle:UITableViewCellStyleDefault reuseIdentifier:Identi];
    }
    
    DataModel *data = [self.dataSource objectAtIndex:indexPath.row];

    [cell reload:data];

    return cell;
}

效果如下图

二、手动计算，自动布局

计算过程同上，但Cell采取自动布局设置如下图

让Name保持距四方都是0，宽度为60；Text保持距四方都是0，numberOfLines为0（自动换行），然后使用

    [_tableView registerNib:[UINib nibWithNibName:@"CustomTableCell" bundle:[NSBundle mainBundle]] forCellReuseIdentifier:@"Cell"];

- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath
{
    CustomTableCell *cell = [tableView dequeueReusableCellWithIdentifier:@"Cell" forIndexPath:indexPath];
    DataModel *data = [self.dataSource objectAtIndex:indexPath.row];
    cell.name.text = data.name;
    cell.text.text = data.text;
    cell.text.backgroundColor = [UIColor yellowColor];
    return cell;
}

好处是方便做适配。

三、自动计算，自动布局

Cell的自动布局同上（二）中的截图，然后使得自动计算，关键性的API向下支持到iOS7

    _tableView.estimatedRowHeight = 44;
    _tableView.rowHeight = UITableViewAutomaticDimension;

然后具体实现代码如下

    [_tableView registerNib:[UINib nibWithNibName:@"CustomTableCell" bundle:[NSBundle mainBundle]] forCellReuseIdentifier:@"Cell"];
    _tableView.estimatedRowHeight = 44;
    _tableView.rowHeight = UITableViewAutomaticDimension;



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

- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath
{
    CustomTableCell *cell = [tableView dequeueReusableCellWithIdentifier:@"Cell" forIndexPath:indexPath];
    DataModel *data = [self.dataSource objectAtIndex:indexPath.row];
    cell.name.text = data.name;
    cell.text.text = data.text;

    return cell;
}

二、三的效果图.
总结:

从手动到自动，必然带来着开发效率的提升，直接对比方法一、三便能感受出来；但是把越多的工作交给系统的API来做，

便失去了响应的可自定义灵活性；比如 “方法一” 中可以获取整个Cell的高度和可以在内容较少时减小Tableview的高度

（如果效果需要），“方法三”便无法知道；其实“方法二”中庸有一的灵活性和三的方便性。文中代码Demo

相关阅读