iOS 自动布局 : Display the cell only after its contents are updated

Question

我使用自动布局并显示带有自定义动态单元格的表格。基本上表显示 2 人之间的聊天。因此，文本消息因每个单元格而异。

这里的问题是首先显示单元格，然后在一秒钟内调整其内容的大小。这是清晰可见的，看起来很糟糕。

请参阅下图以了解调整大小前后的外观。

调整大小之前:

调整大小后:

我知道有一个 similar question on SO，但它的答案并不能真正满足需要。我想避免覆盖 layoutSubviews() 方法，因为我认为它不是一个足够好的解决方案。

我尝试使用下面的代码来取消隐藏单元格的 contentView 一旦它们被显示。但它不起作用。

- (void)tableView:(UITableView *)tableView willDisplayCell:(UITableViewCell *)cell forRowAtIndexPath:(NSIndexPath *)indexPath
{
   // At the begining
    cell.contentView.hidden = NO;
}


- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath
{
    ...
    // Before returning cell
    cell.contentView.hidden = YES;
    return cell;
}

有没有办法延迟显示单元格，直到它们被调整大小以适应它们的内容？

更新:

- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath
{
    chatCell *cell = (chatCell *)[tableView dequeueReusableCellWithIdentifier:CHAT_CELL_IDENTIFIER];

        cell.textString.text = ...;
        cell.textString.frame = ...;
        cell.timeLabel.text = ...;                                             // set timeLabel to display date and time

        cell.userLabel.text = ...;       // set userLabel to display userName

        if (displaying cell where message is sent by user)
        {
            // Set image for sender
            cell.chatCellBackground.image = [[UIImage imageNamed:@"bubbleMine.png"] stretchableImageWithLeftCapWidth:STRETCHED_WIDTH topCapHeight:STRETCHED_HEIGHT];

            cell.chatCellBackground.frame = ...;

        }
        else
        {
            // set bubble for receiver
            cell.chatCellBackground.image = [[UIImage imageNamed:@"bubbleSomeone.png"] stretchableImageWithLeftCapWidth:STRETCHED_WIDTH topCapHeight:STRETCHED_HEIGHT];

            cell.chatCellBackground.frame = ...;
        }
    }

    [cell setNeedsLayout];
    [cell layoutIfNeeded];
    return cell;
}

Answer 1

我在自定义 UITableViewCell 类中添加了以下方法。

- (void)layoutSubviews
{
    [super layoutSubviews];
    CGFloat maxTextWidth = [UIScreen mainScreen].bounds.size.width * 0.40;
    self.userLabel.preferredMaxLayoutWidth = maxTextWidth;
    self.chatMessage.preferredMaxLayoutWidth = maxTextWidth;
    self.timeLabel.preferredMaxLayoutWidth = self.timeLabel.frame.size.width;
    [super layoutSubviews];
}

我还发现在

中返回完全正确的单元格高度

- (CGFloat)tableView:(UITableView *)tableView heightForRowAtIndexPath:(NSIndexPath *)indexPath

方法很重要。

提示:

1. 如果任何 View 的高度大于预期，则计算出的单元格高度可能大于实际需要的高度。
2. 如果任何 View 垂直收缩或未显示全部内容，则可能计算出的单元格高度小于实际需要的高度。

Yoy 可以通过向您为单元格计算的高度(变量)添加/删除常量值来测试高度是否错误。