本教程适合新手.
- 系统:IOS7之后.
- 纯文本高度.
血的教训:
相信大家曾经为了实现cell的高度自适应,肯定少苦。那个时候,我是在我的数据模型model中添加一个height属性,实现它的get方法,在get方法中计算需要多行显示文字的高度,然后再加上其他乱七八糟的高度并返回,然后在tableview的 - (CGFloat)tableView:(UITableView )tableView heightForRowAtIndexPath:(NSIndexPath )indexPath
中获取到每行对应的model,取出其中的model.height属性的值返回,还要在cell中确定cell中label的高度。。。总之就是很麻烦,而且还不一定总能算的很正确,甚是受此困扰。
柳暗花明:
我一直想,这种笨方法肯定有更简单的方法取代,终于有一天我google一番之后发现了一个好方法.只要你懂一定的Autolayout知识的话,原来实现这种的cell高度自适应,其实是非常非常简单的:
- 现在自定义的cell中将高度随着内容动态改变的label的布局使用autolayout布局完成,这里有个注意点就是label和cell边界的距离要确定好,不能固定死label的高度.
-
然后设置label的numberOfLines=0,行数设置为0即意味着label可以有任意行。
-
实现以下两个tableview的delegate中的方法:
- (CGFloat)tableView:(UITableView *)tableView estimatedHeightForRowAtIndexPath:(NSIndexPath *)indexPath
{
return 10;
}
- (CGFloat)tableView:(UITableView *)tableView heightForRowAtIndexPath:(NSIndexPath *)indexPath
{
return UITableViewAutomaticDimension;
}
是的,只要实现这两个方法,然后运行你的项目,你会惊讶的发现,哇塞,高度完美自适应…
效果图这里有两个关键点:
关键点1:必须重写estimatedHeightForRowAtIndexPath
方法 这个方法是iOS7.0之后才出现的,如果不重写此方法,仅重写heightForRowAtIndexPath
,那么大家会发现,cell并不会根据label的内容,自适应高度。因为系统是先获取cell的高度,再获取cell的view。也就是先调用heightForRowAtIndexPath
,再调用cellForRowAtIndexPath
。
在cellForRowAtIndexPath
被调用之前,你的label是没有被设置文本内容的,因此它获取到的高度,并不是你想要的。那么我们必须想办法让系统在获取了cell之后,再获取cell的高度。方法就是,重写estimatedHeightForRowAtIndexPath,顾名思义,它会返回一个估计高度,有了这个方法后,tableview会先调用它获取估计高度,然后获取cell,最后获取真实高度。
estimatedHeightForRowAtIndexPath
的返回值可以随意,返回多少都可以,只是给tableview一个安慰而已,让它延迟获取真实的高度。
关键点2:真实高度返回值为
UITableViewAutomaticDimension
Demo地址:https://github.com/yuying2012/WJDStudyLibrary
这是一个大工程,请从工程中寻找相关模块代码.
网友评论