UITableViewCell高度自适应的关键点
iOS开发中对于UITableViewCell高度自适应的文章已经很多很多,但如果cell内容比较复杂,刚使用autolayout配置自使用时还是总不能一次性成功。
KEY POINT
这里只说设置的关键一点:
Cell内部的Constraints一定要有一条从Cell顶部到底部的一条可联通线。
图例列表:
最后顶部元素居上和底部元素距底部,加上约束即可。
这条线上可以有固定高度的元素,可以有自适应高度的元素,但要保证:
设置自适应高度的元素都在这条线上。
当然如果在同一水平上有两个需要自适应高度的元素,就有择其一了。
OTHER POINTS
其他注意要点:
- 确保在设置约束之前,
UITableViewCell的size inspector里面Row Height是Default而不是custom的数值,否则之后不管你如何操作,UITableViewCell优先使用的都是custom的数值。
Paste_Image.png - 注意语句.
_tableView.estimatedRowHeight=44.0;如果没有这一行,依然无法自动布局。
- 注意设置自适应高度
Label lines为0
人总是容易忽略最简单的问题。
LAST
最后在代码文件中,添加代码:
iOS8
使用iOS8新出的方法:
self.tableView.estimatedRowHeight=44;
self.tableView.rowHeight=UITableViewAutomaticDimension;
iOS7
(就让iOS7丢弃在历史中吧。)
ios中没有UITableViewAutomaticDimension自动计算高度,就只能自己去计算了。
ios7中需要一个辅助cell,cell的内容和UITableView的内容一致,但不用于显示,而是用于根据填充的内容计算每个cell的高度。
@property (strong,nonatomic) AdaptionCell *adaptionCell;
//-(void)viewDidLoad 这里为什么不能使用[tableView dequeueReusableCellWithIdentifier:cellIdentifier forIndexPath:indexPath]设置一个cell。因为这会导致cell被创建了但是又未曾被tableView:cellForRowAtIndexPath:方法返回,会造成内存泄露。
self.adaptionCell = [cellNib instantiateWithOwner:nil options:nil][0];
- (CGFloat)tableView:(UITableView *)tableView heightForRowAtIndexPath:(NSIndexPath *)indexPath{
self.adaptionCell.contentLabel.text=self.dataArray[indexPath.row%2];
[self.adaptionCell layoutIfNeeded];
CGFloat height = [self.adaptionCell.contentView systemLayoutSizeFittingSize:UILayoutFittingCompressedSize].height;
return height+1;
}
这里为什么要+1,因为UITableViewCell有个边缘线,比其ContentView高1(其实应该是0.5)
上面的方法里使用的一个函数systemLayoutSizeFittingSize获取contentView的size,最终得到一个自适应后的height。
但这里有个问题---为什么这个方法得到了一个自适应的height,而不一个自适应的Width!
所以应该有个地方来限定Width,使得Cell的内容的填充是在纵向上,而不是横向。
// AdaptionCell.m
- (void)layoutSubviews{
[super layoutSubviews];
[self.contentView layoutIfNeeded];
self.contentLabel.preferredMaxLayoutWidth = CGRectGetWidth(self.contentLabel.frame);
}
LAST LAST
最后的最后,附上结果图:
和一个问题:
如果cell中需要自适应高度的文本是富文本,是否还可以使用autolayout做自适应?
简单的UILabel attributedText可以通过

作者:Seas
链接:http://www.jianshu.com/p/386b792054b1
來源:简书
著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。
UITableViewCell高度自适应的关键点的更多相关文章
- uitableviewcell高度自适应笔记
今天看了几篇uitableviewcell高度自适应的文章,大体分为两种方式. 第一种方式,cell里面有label,在cellforrow绘制的时候计算Label的可能高度,并且在此时重新计算cel ...
- UITableViewCell高度自适应探索--AutoLayout结合Frame
UITableViewCell高度自适应探索--UITableView+FDTemplateLayoutCell地址: http://www.jianshu.com/p/7839e3a273a6UIT ...
- UITableViewCell 高度自适应
UITableViewCell 高度自适应一直是我们做动态Cell高度时遇到的最烦躁的问题,Cell动态高度计算可以去看看sunny的这篇文章介绍,今天主要和大家分享下我在使用systemLayout ...
- 原生的UITableViewCell高度自适应,textLabel自动换行显示
/* * 设置子项cell **/ - (UITableViewCell *)getChildCell:(UITableView *)tableView and:(NSIndexPath *)inde ...
- 第二篇、为UITableViewCell 高度自适应加速 缓存cell的高度
通过NSCache缓存已经算好的行高 @interface ZHCellHeightCalculator : NSObject //系统计算高度后缓存进cache -(void)setHeight:( ...
- UITableViewCell 高度计算从混沌初始到天地交泰
[原创]UITableViewCell 高度计算从混沌初始到天地交泰 本文主要基予iOS UITableViewCell 高度自适应计算问题展开陈述,废话少说直入正题: UITableView控件可能 ...
- autolayout 高度自适应
https://lvwenhan.com/ios/449.html #import "ViewController.h" #import "MyTableViewCell ...
- 关于TableViewCell高度自适应问题的整理
TableViewCell高度自适应在网上有很多资料,我只想找出最最最简单的一种方法. 首先梳理一下思路.说到TableViewCell我们第一个想到的问题或许就是cell的复用问题. 1. [se ...
- SnapKit swift实现高度自适应的新浪微博布局
SnapKit swift版的自动布局框架,第一次使用感觉还不错. SnapKit是一个优秀的第三方自适应布局库,它可以让iOS.OS X应用更简单地实现自动布局(Auto Layout).GtiHu ...
随机推荐
- Calculation 2-欧拉函数的运用
Calculation 2 Time Limit: 1000MS Memory Limit: 32768KB 64bit IO Format: %I64d & %I64u Submit ...
- json对象和json字符串之间的转换-JavaScript实现
<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title&g ...
- 转 【MQTT】在Windows下搭建MQTT服务器
MQTT简介 MQ 遥测传输 (MQTT) 是轻量级基于代理的发布/订阅的消息传输协议,设计思想是开放.简单.轻量.易于实现.这些特点使它适用于受限环境.该协议的特点有: 使用发布/订阅消息模式,提供 ...
- 搭建Squid反向代理服务器
好吧,更新个文章,有段时间没写技术博文了.今天就说说squid反向代理这个服务,当然,这是在Linux下配置完成的.说自己没偏见似乎不可能 了.大概是相对喜欢Linux而已.但我从不否认Windows ...
- [分享]windows下编译squid的经验(转)
squid是什么我这里就不说了,这不是本文的重点,总之它是一个集:代理.加速.缓存.负载均衡.防盗链.访问控制等多功能的一个超牛X开源软件,如今已经广泛应用于很多领域.对于缓存和加速这一领域,如今各大 ...
- SpringSecurity---javaconfig:Hello Web Security
© 版权声明:本文为博主原创文章,转载请注明出处 本文根据官方文档加上自己的理解,仅供参考 官方文档:https://docs.spring.io/spring-security/site/docs/ ...
- threw load() exception java.lang.ClassNotFoundException: org.springframework.web.servlet.DispatcherServlet(maven项目git后)
maven项目git全新项目后启动服务出现的, 错误原因: 进入到tomcat的部署路径.metadata\.plugins\org.eclipse.wst.server.core\tmp0\wtpw ...
- linux下yum安装maven
Maven 官网:http://maven.apache.org/ 源码安装 http://mirrors.hust.edu.cn/apache/maven/maven-3/3.3.9/binarie ...
- STM32 寄存器库和固件库
寄存器和固件库开发的差别和联系 固件库就是函数的集合,固件库函数的作用是向下负责与寄存器直接打交道.向上提供用户函数调用的接口(API). 在 51 的开发中我们经常的作法是直接操作寄存器,比方要控制 ...
- html及css
html设置网页的结构内容,css设置样式,要记的标签很多,要学好无非是多练,然后看别人怎样写的代码,对比自己的,这样能更好地理解. 关于浮动,既然所有浮动必须要清除,那在设置浮动的同时,就先把清除浮 ...