iOS-动态整合UITableViewCell的高度

iOS-动态调整UITableViewCell的高度

OS-动态调整UITableViewCell的高度iOS开发文档, by 友盟翻译组 stefaliu.

大概你第一眼看来，动态调整高度是一件不容易的事情，而且打算解决它的第一个想法往往是不正确的。在这篇文章中我将展示如何使图表单元格的高度能根据里面文本内容来动态改变，同时又不必子类化UITableViewCell。你当然可以通过子类化它来实现，但是这样做会使得代码复杂因为设置高度是在图表本身的实例上而不是对单元格操作。下面你将会看到这其实是一件轻而易举的事情。对于图表来说能够动态调整高度是件很有意义的事情，我首先想到的需要这个功能的是当显示一列长度会变化的文本列表时，如果文本内容较少，它或许能够适合正常的单元格label，但是如果文本变长，就不得不重新设置单元格大小以便于显示全部的文本内容。我总结了重新设置单元格大小的主要步骤如下：

1 创建并添加一个UILabel作为单元格cell的子视图；
2 在UITableView的委托方法: (CGFloat)tableView:(UITableView*)tableViewheightForRowAtIndexPath: (NSIndexPath *) indexPath中计算高度
3 在UITableView的委托方法: (UITableViewCell*)tableView:(UITableView*)tableViewcellForRowAtIndexPath: (NSIndexPath *) indexPath中计算UILabel的框大小。

下面我要详细介绍这些步骤，首先看一下程序输出截图：

在普通的图表中，你可以简单地用下面的方法设置单元格内label的文本内容：

在前面我们用来计算高度的方法也是我们用来设置UILabel框大小的方法。下面将-cellForRowAtIndexPath代码补充完整：

123456789101112131415161718192021222324252627282930313233343536

- (UITableViewCell *)tableView:(UITableView *)tv cellForRowAtIndexPath:(NSIndexPath *)indexPath{  UITableViewCell *cell;  UILabel *label = nil;?  cell = [tv dequeueReusableCellWithIdentifier:@"Cell"];  if (cell == nil)  {    cell = [[[UITableViewCell alloc] initWithFrame:CGRectZero reuseIdentifier:@"Cell"] autorelease];?    label = [[UILabel alloc] initWithFrame:CGRectZero];    [label setLineBreakMode:UILineBreakModeWordWrap];    [label setMinimumFontSize:FONT_SIZE];    [label setNumberOfLines:0];    [label setFont:[UIFont systemFontOfSize:FONT_SIZE]];    [label setTag:1];?    [[label layer] setBorderWidth:2.0f];?    [[cell contentView] addSubview:label];?  }  NSString *text = [items objectAtIndex:[indexPath row]];?  CGSize constraint = CGSizeMake(CELL_CONTENT_WIDTH - (CELL_CONTENT_MARGIN * 2), 20000.0f);?  CGSize size = [text sizeWithFont:[UIFont systemFontOfSize:FONT_SIZE] constrainedToSize:constraint lineBreakMode:UILineBreakModeWordWrap];?  if (!label)    label = (UILabel*)[cell viewWithTag:1];?  [label setText:text];  [label setFrame:CGRectMake(CELL_CONTENT_MARGIN, CELL_CONTENT_MARGIN, CELL_CONTENT_WIDTH - (CELL_CONTENT_MARGIN * 2), MAX(size.height, 44.0f))];?  return cell;}

要注意if(cell == nil)模块是初始化代码，只在cell创建的时候运行一次。该模块外部代码每次都会执行只要在每次数据更新或者窗口拖拽之后调用了-cellForRowAtIndexPath。

也就是说，每次都需要设置label中文本内容以及设置label外框大小。注意如果label处于未初始化状态，我们需要通过调用[cell viewWithTag:1]来获取UILabel的句柄。这段代码跟前面计算高度的代码基本相同。

总结

动态计算单元格cell的高度真的并不困难。如果你有一个很复杂的cell，你只需要根据内容宽度和特定文本字体的大小来确定cell的高度。如果你不清楚你的外框显示在什么地方，只需要通过调用[[view layer] setBorderWidth:2.0f]来使外框显示即可。这会有助于你了解绘图过程以及更快地在更深的层次理解绘图显示的问题。

演示工程文件：DynamicHeights Demo Project

作者：Matt Long
原文链接：http://www.cimgf.com/2009/09/23/uitableviewcell-dynamic-height/