ios8 autolayout:BOTH多行(可能是0行)标签

时间:2015-01-27 03:51:14

标签: uitableview ios8 autolayout

我想在单元格中显示两个UILabel(标题,字幕) for Title :多行> 0
for Subtitle :0 多行 2

此处有一个错误(例如,标题和副标题都是2行,单元格的indexPath.row = 1):
我第一次运行模拟器时,标题只显示1行,副标题显示2行。滚动tableView并返回第一个indexPath.row后,它显示正确!看起来像这样:

第一次:
-----------------
这是瓷砖,它应该显示...

这是副标题,应该显示
2行。

-----------------

滚动并返回此单元格后:
-----------------
这是标题,它应该显示
两排。

这是副标题,应该显示
2行。

-----------------

我做了什么:
在控制器中:
tableView.estimatdRowHeight = 79
tableView.rowHeight = UITableViewAutomaticDimension

在故事板中:
标题:

  1. 领导空间到superview
  2. 追踪空间到superview
  3. Superview的顶层空间
  4. 对齐导致字幕
  5. 将跟踪对齐到字幕
  6. 字幕的底部空间
  7. 副标题:

    1. 超级视图的底部空间
    2. 与标题对齐
    3. 将跟踪对齐标题
    4. 标题的顶部空间
    5. 我好几天都对这个bug感到困惑,有什么想法可以解决这个问题吗?非常感谢!!!(抱歉缺少图像因为我没有得到足够的声誉><)

1 个答案:

答案 0 :(得分:7)

从故事板加载的单元格不会以正确的初始宽度开始。

这就是为什么第一次标签尺寸不正确,但是一旦你(重新加载数据)或者在屏幕外滚动单元格然后在屏幕上正确显示标签的原因。

由于单元格宽度最初不正确,标签最终使用比表格宽的preferredMaxLayoutWidth。 (标签认为它有更多的空间来容纳一条线上的所有东西。)

对我有用的解决方案是确保我的(子类)单元格的宽度与tableView的宽度相匹配:

- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath
{
    TableViewCell *cell = [tableView dequeueReusableCellWithIdentifier:@"Cell" forIndexPath:indexPath];

    [cell adjustSizeToMatchWidth:CGRectGetWidth(self.tableView.frame)];

    [self configureCell:cell forRowAtIndexPath:indexPath];

    [cell setNeedsUpdateConstraints];
    [cell updateConstraintsIfNeeded];

    return cell;
}

在TableViewCell.m中:

- (void)adjustSizeToMatchWidth:(CGFloat)width
{
    // Workaround for visible cells not laid out properly since their layout was
    // based on a different (initial) width from the tableView.

    CGRect rect = self.frame;
    rect.size.width = width;
    self.frame = rect;

    // Workaround for initial cell height less than auto layout required height.

    rect = self.contentView.bounds;
    rect.size.height = 99999.0;
    rect.size.width = 99999.0;
    self.contentView.bounds = rect;
}

我还建议查看smileyborg的excellent answer about self-sizing cells以及他的sample code。当我碰到你遇到的同样问题时,这就是解决方案的原因。