uitableview中自适应的复杂cell构建思路(此方案兼容ios8以下,若仅支持ios8,有更先进的方案,请期待续篇)

对于普通的cell来说我们一般可以直接根据cell的类型给予一个固定的高度,这种情况下我们控件的布局和展示内容所需要的空间大小对我们来说是预知的,因此可以直接这样实现;而对于某些更高级的需求场景来说(比如cell里展示的是聊天信息之类),我们想要把cell中的信息全部展示,就不能够在heightForRowAtIndexPath的代理方法中返回固定值了。

那么,我们的额外工作步骤分为以下几步:

step1:获取到相应数据内容

step2:根据数据内容,将cell布局

step3:根据cell布局,计算出cell的最终高度

step4:将该高度从heightForRowAtIndexPath中返回。


对于图片来说可以根据图片尺寸反推出所需要的布局高度;对于文字我们需要如下的方法(示例):

 CGSize constraint = CGSizeMake(CELL_CONTENT_WIDTH - (CELL_CONTENT_MARGIN * 2), 20000.0f);

 CGSize size = [text sizeWithFont:[UIFont systemFontOfSize:FONT_SIZE] constrainedToSize:constraint lineBreakMode:UILineBreakModeWordWrap];

 CGFloat height = MAX(size.height, 44.0f);


通过sizeWithFont的方法计算得到固定宽度文本所占用的高度。


然后在对所有的元素所占用的高度进行简单的数学计算,得到cell的高度并从delegate中返回。


上一篇:学习UI设计没有学历能找到工作吗?


下一篇:免费申请通配符类型SSL证书