iOS自动布局：当标签文本变长时如何移动视图

Question

我有一个带有两个标签和一个小图像的表视图单元格。如果标签文本很短，则所有文本都放在一行中，如下所示：

.________________________________________.
|                                        |
|  [firstlabel] [img] [secondlabel]    > |
|________________________________________|

但是，如果标签文本越来越长，图像和第二个标签应该移动到第二行：

.________________________________________.
|                                        |
|  [firstveryverylonglabel]            > |
|   [img] [secondverylonglabel]          |
|________________________________________|

我该如何使用自动布局来做到这一点？

第一个标签很简单 - 只需为左侧和顶部添加约束即可。标签始终只有一行，如果文本太长，标签会在中间被截断。

图像必须始终水平位于第二个标签（默认空间）的前面，并且两个标签都垂直居中。图像大小应与标签的动态文本字体大小（preferredFontForTextStyle： UIFontTextStyleBody）一起缩放，这样如果用户选择大文本，图像也会被绘制得更大。

如果需要两条线，细胞高度当然应该增长。

如果可以在Interface Builder中设置必要的约束，则可以获得加分，如果不能，则可以在tableview单元格的init例程中使用代码设置它们。

我的应用程序应该在iOS 7及更高版本下运行 - 不需要iOS 6。因此，我必须计算表视图：高度中的高度，并使用隐藏的单元格让自动布局在那里发挥其魔力。

Answer 1

最后，我在代码中设置了约束。我将标签和图像嵌入到另一个视图中，然后为单元格和视图实现-updateConstraints。

在-tableView:heightForRowAtIndexPath:中，我首先让Autolayout通过调用layoutIfNeeded来设置contentView，然后通过调用setNeedsUpdateConstraints，然后调用updateConstraint IfNeed，强制它更新约束，最后使用systemLayoutSizeFittingSize:UILayoutFittingCompressedSize测量单元格高度。

在我的视图的updateConstraints方法中，我首先尝试将单元格与

  [self removeConstraints];
  [self addConstraints:[NSLayoutConstraint constraintsWithVisualFormat:
        @"V:|-margin-[first]-margin-|"
    options:0 metrics:metrics views:views]];
  [self addConstraints:[NSLayoutConstraint constraintsWithVisualFormat:
        @"H:|-margin-[first]-[image]-[second]-margin-|"
    options:NSLayoutFormatAlignAllCenterY metrics:metrics views:views]];

然后我在视图上调用systemLayoutSizeFitting Size： UILayoutFitting CompressedSize，并将宽度与内容视图内的最大可能空间进行比较，给定其固定的水平起始位置。如果太宽，我需要设置一个两行约束集：

  [self removeConstraints];
  [self addConstraints:[NSLayoutConstraint constraintsWithVisualFormat:
        @"V:|-margin-[first]-[second]-margin-|"
    options:0 metrics:metrics views:views]];
  [self addConstraints:[NSLayoutConstraint constraintsWithVisualFormat:
        @"H:|-margin-[first]-margin-|"
    options:0 metrics:metrics views:views]];
  [self addConstraints:[NSLayoutConstraint constraintsWithVisualFormat:
        @"H:|-margin-[image]-[second]-margin-|"
    options:NSLayoutFormatAlignAllCenterY metrics:metrics views:views]];

在单元格的updateConstraint方法中，我只是在视图上调用setNeedsUpdateConstraint以确保在单元格大小更改后重新计算视图（例如，旋转纵向时）