设置Cell的行高:五种方法及优先级

传统意义上设置tableView的行高一共有四种方法。等等,标题不是说有五种方法嘛。别着急,咱们先看四种最基本的方法,最后再说第五种自动计算行高的方法。

1. 四种基本设置方法

1.1 通过代理方法设置

  • 此方法可以返回每一行的具体行高.
  • 代理方法设置行高调用次数特别高,效率很低。有兴致的同学可以在代理方法里面做一下输出,在控制台看看,输出的频率惊人。
  • 为了降低调用的频率,最好设置一个预估行高。这里说的降低频率也只是相对的噢,依然频率不低。

代理方法调用频率非常的原因是想算contentSize,(UITableView是UIScrollView的子,所以继承了UIScrollView的属性)。如果不知道每一行的行高,就没有办法计算出contentSize.

代理方法如下:

//这里我们让偶数行行高为50,奇数行为100
- (CGFloat)tableView:(UITableView *)tableView heightForRowAtIndexPath:(NSIndexPath *)indexPath {
    if (indexPath.row % 2 == 0) {
        return 50;
    }
    return 100;
}

设置预估行高:

- (void)viewDidLoad {
    [super viewDidLoad];
    // 预估行高
    self.tableView.estimatedRowHeight = 200;
}

1.2. 通过属性设置

  • cell的行高也可以在viewDidLoad中设置
- (void)viewDidLoad {
    [super viewDidLoad];  
    // 设置行高
    self.tableView.rowHeight = 10;
}

1.3. storyBoard中通过tableView设置

Paste_Image.png

1.4. storyBoard中通过cell设置

Paste_Image.png

2. 四种方法的优先级

  • 优先等级最高:通过代理方法设置的行高
  • 次高:通过属性设置的
  • 通过stroyBoard中tableView设置的
  • 通过stroyBoard中cell设置的

说明: 此处也不能算是严格意义上的优先等级。

  • 造成这种状况,是因为手机启动APP的顺序决定的。
  • APP在一启动就会去通过storyBoard加载,这样就导致了storyBoard中设置的内容最早被加载。最后加载代理方法,这样会将之前设置的内容进行覆盖。

3. 自动进行计算cell的行高

终于来了第五种方法,这里设置约束的时候用到Masonry的第三方框架。木有用过的童鞋可以从文章下方看到之前的分享链接了解。

在实际开发中,很少有写死cell高度的。因为每个cell的内容不太一样,不太可能都保持统一的高度。当然有处女情结的产品经理手头出来的项目例外,哈哈~

3.1. 步骤

  • 在controller中设置预估行高和行高的自动计算
  • 在cell中设置最下方的底边约束
  • 如果cell中有配图,而且是有的cell有,有的cell没有。给配图控件添加约束时,高度不要写死,给一个占位约束。在设置数据时一定要注意,有配图就设置上; 没有配图,一定要把image重新写为nil。
  • 我们平时设置约束很多都是上左宽高,不管底边。但是,tableView计算行高是需要有一个底边的约束,才能自动的根据内容设置cell的高度
  • 用代码给cell内部子控件设置约束自动计算行高时,最好给contentView设置"顶部"底部"及宽度约束

3.2 具体实施

3.2.1 添加预估行高、自行计算行高

//预估行高
//自动计算行高
self.tableView.rowHeight = UITableVIewAutomaticDimension;

3.2.2 设置cell最下方的底边约束

//    设置contentView的底部约束
[self.contentView mas_makeConstraints:^(MASConstraintMaker *make) {
make.edges.equalTo(self);
make.bottom.equalTo(moreBtn.mas_bottom).offset(DEFAULT_MARGIN);
}];

3.2.3 占位约束

make.height.lessThanEqualTo(@150);
}];

3.2.4 获取cell最底的控件的最大的Y

这里分成两种情况:
1,如果最下方的控件有多个,不太容易确定到底谁最下面。就要用代码一。
2,如果最下方的控件只有一个,可以直接确定最底部的控件,用代码二。

代码一:

   //    为了自动设置行高,就必须对从contentView的底边进行约束
    [self.contentView mas_makeConstraints:^(MASConstraintMaker *make) {
        make.edges.equalTo(self);
        
        // 给底部添加了两个约束,谁更高就用谁
        make.bottom.greaterThanOrEqualTo(chatBackgroundView.mas_bottom).offset(8);
        make.bottom.greaterThanOrEqualTo(headshotView.mas_bottom).offset(8);
    }];

代码二:

self.frame = CGReckMake(0,0,CGRectGetMaxY(最底部的控件.frame));

好啦~从此妈妈再也不用担心我设置cell行高了。
自动行高的demo在这里:戳我戳我

写完demo上传了之后才发现,没写注释。。。如果有看不懂的童鞋留言哈,我再补充一下注释。

特别感谢@缘之有缘的评论哦。

之所以说是第五种,是因为基本的设置其实就依然还是4种方法,根据基本的方法可以延伸出来第六种、第七种、第八种。。。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 194,390评论 5 459
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 81,821评论 2 371
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 141,632评论 0 319
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 52,170评论 1 263
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 61,033评论 4 355
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 46,098评论 1 272
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 36,511评论 3 381
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 35,204评论 0 253
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 39,479评论 1 290
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 34,572评论 2 309
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 36,341评论 1 326
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 32,213评论 3 312
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 37,576评论 3 298
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 28,893评论 0 17
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 30,171评论 1 250
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 41,486评论 2 341
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 40,676评论 2 335

推荐阅读更多精彩内容

  • 我们在上一篇《通过代码自定义不等高cell》中学习了tableView的相关知识,本文将在上文的基础上,利用sto...
    啊世ka阅读 1,481评论 2 7
  • 发现 关注 消息 iOS 第三方库、插件、知名博客总结 作者大灰狼的小绵羊哥哥关注 2017.06.26 09:4...
    肇东周阅读 11,943评论 4 60
  • 愿我们都能学会尊重和接受别人与我们不相同的生活方式。 01 最近喜欢上化妆。 早上起得不早不晚,起床,洗漱,然后坐...
    秦苗条阅读 423评论 2 7
  • 不想,不能退缩 没有路又如何 笑着抬头,神若霞 心如飞,已过黄河 飞越世界的灵光 已踏平这坎坷 灵魂的渡口 一线灵...
    文山鹿阅读 233评论 62 23
  • // JSon let jsonString = "{\"menu\": {" + "\"id\": \"file...
    fordring2008阅读 348评论 0 0