基于 iOS 8.0以后 tableViewCell自适应高度estimatedRowHeight

![Uploading A698D29A-72DE-4E25-B05D-DCE093A2F0EF_260122.png . . .]在 Xcode8以后项目的最低版本就最低必须基于8.0开发了 , 而往往在项目中我们会遇到一个tableView 他会有几种不同的高度的 cell 如下图

6A951FF4-2F89-44FE-B26A-766B0199F88A.png

这种就可以用到 estimatedRowHeight估算一个高度 , 当然, 你也可以继续用RowHeight 不过苹果既然出了新的东西我的就的用用看.

我的界面是基于 XIB 的 AutoLayout 来搭建的, 因此给控件加约束就显得尤为重要了, 就比如下面这个 cell 的约束
我们平时加约束的话就只需要加上左的约束, 但为了让系统能够估算出我们 cell 的高度 就必须在最后一个 lable 上 加上距离底部的距离 这样系统才能估算出 Cell 的高度.

A698D29A-72DE-4E25-B05D-DCE093A2F0EF.png

也就是说从 Cell 的上边距到下边距都要对应的约束,这样才能估算出大致的高度,
上面据地例子只是 lable, 他会根据字体的大小来自动调节自己的高度,
但是很多空间都不能, 在初始化的时候都没有高度的,比如 ImageView UIView 等等,因此我们需要在加约束的时候给定一定的高度, 和宽度 (这个很重要, 不然系统是不能估算出 Cell 的高度的)

E93091AC-15B8-434E-AD85-1B24B10F6696.png

最后约束加好了 在代码中写上估算的大概值就可以了

#pragma mark  tableView
-(UITableView *)tableView{
    if (!_tableView) {
        _tableView                                  =[[UITableView alloc]initWithFrame:CGRectMake(0, NavHeight, ScreenWidth, ScreenHeight-NavHeight-50) style:UITableViewStyleGrouped];
        _tableView.delegate                         = self;
        _tableView.dataSource                       = self;
        _tableView.estimatedRowHeight               = 100.0f;
        _tableView.separatorStyle                   = 0;
        [_tableView registerNib:[UINib nibWithNibName:@"FXOrderDStateTableViewCell" bundle:nil] forCellReuseIdentifier:@"FXOrderDStateTableViewCell"];
        [_tableView registerNib:[UINib nibWithNibName:@"FXOrderDAddressTableViewCell" bundle:nil] forCellReuseIdentifier:@"FXOrderDAddressTableViewCell"];
        [_tableView registerNib:[UINib nibWithNibName:@"FXOrderDGoodsTableViewCell" bundle:nil] forCellReuseIdentifier:@"FXOrderDGoodsTableViewCell"];
        [_tableView registerNib:[UINib nibWithNibName:@"FXOrderDPayTypeTableViewCell" bundle:nil] forCellReuseIdentifier:@"FXOrderDPayTypeTableViewCell"];
        [_tableView registerNib:[UINib nibWithNibName:@"FXOrderDMarkTableViewCell" bundle:nil] forCellReuseIdentifier:@"FXOrderDMarkTableViewCell"];
        [_tableView registerNib:[UINib nibWithNibName:@"FXOrderDMsgTableViewCell" bundle:nil] forCellReuseIdentifier:@"FXOrderDMsgTableViewCell"];
        [self.view addSubview:_tableView];
        [self.view addSubview:self.footerView];
    }
    return _tableView;
}
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容