根据文本量更改 UITableViewCell 高度

Question

我需要能够调整 UITableView 中单个单元格的高度，以使其适合其详细标签中的文本量。

我玩过以下游戏，但对我不起作用：

How do I wrap text in a UITableViewCell without a custom cell

尝试的代码：

UITableViewCell *cell = [tableView dequeueReusableCellWithIdentifier:CellIdentifier];
if (cell == nil) {
    cell = [[[UITableViewCell alloc] initWithStyle:UITableViewCellStyleDefault reuseIdentifier:CellIdentifier] autorelease];
    cell.textLabel.lineBreakMode = UILineBreakModeWordWrap;
    cell.textLabel.numberOfLines = 0;
    cell.textLabel.font = [UIFont fontWithName:@"Helvetica" size:17.0];
}

和

- (CGFloat)tableView:(UITableView *)tableView heightForRowAtIndexPath:(NSIndexPath *)indexPath
{
    NSString *cellText = @"Go get some text for your cell.";
    UIFont *cellFont = [UIFont fontWithName:@"Helvetica" size:17.0];
    CGSize constraintSize = CGSizeMake(280.0f, MAXFLOAT);
    CGSize labelSize = [cellText sizeWithFont:cellFont constrainedToSize:constraintSize lineBreakMode:UILineBreakModeWordWrap];

    return labelSize.height + 20;
}

这不起作用，它在单元格上显示整个字符串，但单元格高度根本不受影响。

Answer 1

很简单，只需将其添加到您的代码中即可：

- (CGFloat)tableView:(UITableView *)tableView heightForRowAtIndexPath:(NSIndexPath *)indexPath
{
    return UITableViewAutomaticDimension;
}

它会自动计算行高，然后返回一个浮点数... :-)

希望这会有所帮助！

Answer 2

嗨乔希，

使用tableView:heightForRowAtIndexPath:，您可以在运行时给出每行的大小。现在你的问题是如何从你的字符串中获取高度 NSString 类中有函数通过这段代码你的问题，

-(CGFloat)tableView:(UITableView *)tableView heightForRowAtIndexPath:(NSIndexPath *)indexPath
{
  NSString *str = [dataSourceArray objectAtIndex:indexPath.row];
    CGSize size = [str sizeWithFont:[UIFont fontWithName:@"Helvetica" size:17] constrainedToSize:CGSizeMake(280, 999) lineBreakMode:NSLineBreakByWordWrapping];
    NSLog(@"%f",size.height);
    return size.height + 10;
}

通过下面的行，您可以设置标签的编号。线到最大。所以在 cellForRowAtIndexPath: 方法中设置它。

cell.textLabel.numberOfLines = 0;

如果您使用一些自定义单元格，则使用此管理所有标签的字符串并获取所有高度的总和，然后设置单元格的高度。

编辑： 从 iOS 8 开始，如果您为标签设置了适当的自动布局约束，那么您只需设置以下委托方法即可实现此目的。

-(CGFloat)tableView:(UITableView *)tableView estimatedHeightForRowAtIndexPath:(NSIndexPath *)indexPath {
   //minimum size of your cell, it should be single line of label if you are not clear min. then return UITableViewAutomaticDimension;    
   return UITableViewAutomaticDimension; 
}
- (CGFloat)tableView:(UITableView *)tableView heightForRowAtIndexPath:(NSIndexPath *)indexPath
{
    return UITableViewAutomaticDimension;
}

就是这样。无需任何计算。欲了解更多信息，请查看tutorial.

Answer 3

在您的CustomCell 中：记得为您的UILabel 添加上下约束

要根据文本调整 UILabel 高度，只需将 UILabel 行更改为 0 (see the answer here)

然后在你的代码中，只设置 2 行

self.tableView.estimatedRowHeight = 80;
self.tableView.rowHeight = UITableViewAutomaticDimension;

这是我的自定义单元格
这是我的UILabel 约束

您将实现的屏幕

=== 建议 ===
如果您的单元格有一些 UILabels 和 Images（不像我的示例）那么：

• 您应该将所有UILabels 和Images 放在一个GroupView 中（查看）
• 为此GroupView 添加constraint top and bottom to supper view（就像我图片中的UILabel）
• 按照我上面的建议调整 UILabel 高度
• 根据内容调整GroupView的高度（内容全部为UILabels和Images）
• 最后，像上面的代码一样更改estimateRowHeight和tableView.rowHeight

希望对你有所帮助

Answer 4

根据您提供的代码，我认为您只是增加了单元格高度，而不是 cell.textLabel 的高度。

理想情况下，您应该设置 cell.textLabel 的框架大小和单元格，以便您查看单元格中的全文。

查看视图在大小方面有什么问题的一种巧妙方法是将其颜色与背景不同（尝试将 cell.textLabel 背景设置为黄色）并查看是否实际设置了高度。

应该是这样的

UITableViewCell *cell = [tableView dequeueReusableCellWithIdentifier:CellIdentifier];
if (cell == nil) {
    cell = [[[UITableViewCell alloc] initWithStyle:UITableViewCellStyleDefault reuseIdentifier:CellIdentifier] autorelease];
    cell.textLabel.lineBreakMode = NSLineBreakByWordWrapping;
    cell.textLabel.numberOfLines = 0;
    cell.textLabel.font = [UIFont fontWithName:@"Helvetica" size:17.0];

    NSString *cellText = @"Go get some text for your cell.";
    UIFont *cellFont = cell.textLabel.font;
    CGSize constraintSize = CGSizeMake(280.0f, MAXFLOAT);
    CGSize labelSize = [cellText sizeWithFont:cellFont constrainedToSize:constraintSize lineBreakMode:UILineBreakModeWordWrap];
    cell.textlabel.frame.size = labelSize; 
    cell.text = cellText;
}

希望这会有所帮助！

更新：这是一个相当古老的答案，并且此答案中的许多行可能已被弃用。

Answer 5

对于 swift 开发人员：

自定义单元格： 首先，您可以计算文本的高度，如下所示：

func calculateHeight(inString:String) -> CGFloat
    {
        let messageString = inString
        let attributes : [String : Any] = [NSFontAttributeName : UIFont.systemFont(ofSize: 15.0)]

        let attributedString : NSAttributedString = NSAttributedString(string: messageString, attributes: attributes)

        let rect : CGRect = attributedString.boundingRect(with: CGSize(width: 222.0, height: CGFloat.greatestFiniteMagnitude), options: .usesLineFragmentOrigin, context: nil)

        let requredSize:CGRect = rect
        return requredSize.height
    }

设置文本标签

的宽度

然后调用这个函数：

func tableView(_ tableView: UITableView, heightForRowAt indexPath: IndexPath) -> CGFloat {
        heightOfRow = self.calculateHeight(inString: conversations[indexPath.row].description)

        return (heightOfRow + 60.0)
}

对于基本单元：

func tableView(_ tableView: UITableView, heightForRowAt indexPath: IndexPath) -> CGFloat {
           return UITableViewAutomaticDimension
    }

此功能不适用于自定义单元格。

希望它会奏效。

Answer 6

在tableView:heightForRowAtIndexPath: 中，您可以获取文本并使用sizeWithFont:constrainedToSize: 来获取文本的大小。

然后只返回高度加上缓冲区的一些额外间距。

Answer 7

您可以在全局范围内编写一个方法来制作它，以便在整个应用程序中使用它。您需要根据您的要求传递文本、字体和宽度。

在 Swift 4 中：

func heightForText(text: String,Font: UIFont,Width: CGFloat) -> CGFloat{

    let constrainedSize = CGSize.init(width:Width, height: CGFloat(MAXFLOAT))

    let attributesDictionary = NSDictionary.init(object: Font, forKey:NSAttributedStringKey.font as NSCopying)

    let mutablestring = NSAttributedString.init(string: text, attributes: attributesDictionary as? [NSAttributedStringKey : Any])

    var requiredHeight = mutablestring.boundingRect(with:constrainedSize, options: NSStringDrawingOptions.usesFontLeading.union(NSStringDrawingOptions.usesLineFragmentOrigin), context: nil)

    if requiredHeight.size.width > Width {
        requiredHeight = CGRect.init(x: 0, y: 0, width: Width, height: requiredHeight.height)

    }
    return requiredHeight.size.height;
}

Answer 8

我能够使用自动布局来完成这项工作。确保您的标签捕捉到单元格的顶部和底部（我使用的是原型单元格），并且它的行设置为 0。然后在 tableView:heightForRowAtIndexPath:sizeWithFont:constrainedToSize: 中，您可以通过在文字大小：

NSString *key = self.detailContent.allKeys[indexPath.row];
NSDictionary *dictionary = self.detailContent[key];
NSString *cellText = dictionary[kSMDetailTableViewCellTextKey];
UIFont *cellFont = [UIFont fontWithName:kFontKeyEmondsans size:12.0];
CGSize constraintSize = CGSizeMake(252.0f, MAXFLOAT);
CGSize labelSize = [cellText sizeWithFont:cellFont constrainedToSize:constraintSize lineBreakMode:NSLineBreakByWordWrapping];
return labelSize.height;// + 10;

Answer 9

NSString *str;
NSArray* dictArr;

if (_index==0) {
    dictArr = mustangCarDetailDictArr[indexPath.section];

}

NSDictionary* dict = dictArr[indexPath.row];


if (indexPath.section ==0)
{

    str = [dict valueForKey:@"FeatureName"];
    if ([[dict valueForKey:@"FeatureDetail"] isKindOfClass:[NSString class]])
    {

        str = [dict valueForKey:@"FeatureDetail"];



    }
    else
    {
        if (dictArr.count>indexPath.row+1)
        {
            NSDictionary* dict2 = dictArr[indexPath.row+1];
            if ([[dict2 valueForKey:@"FeatureDetail"] isKindOfClass:[NSString class]])
            {


            }
        }

    }


}
CGSize size = [str sizeWithFont:[UIFont fontWithName:@"Helvetica" size:17] constrainedToSize:CGSizeMake(280, 999) lineBreakMode:NSLineBreakByWordWrapping];
NSLog(@"%f",size.height);
return size.height + 20;


}