自动布局多行UILabel剪切一些文本

Question

我正在尝试学习自动布局，当这件事发生时，我最终认为我已经掌握了它。我正在玩原型细胞和标签。我正在尝试

< li >标题，< code>titleLbl -图片中的蓝色方框 < li >货币，< code>moneyLbl -图片中的绿色方框 < li >副标题/描述，< code >副标题< code> -图片中的红色方框

到目前为止，我有这个：

我想实现的是：

• 绿色框应始终完全显示在1行
• 绿色框内的值应根据蓝色框居中
• 蓝色框将占用剩余空间（2之间的水平约束为-8px），并在必要时显示在多行
• 红色框应该在下面，并根据需要显示尽可能多的行。

如您所见，除了最后一行中的示例之外，几乎所有这些都正常工作。我试图对此进行研究，据我所知，这与内在内容大小有关。网上的许多帖子建议设置setPreferredMaxLayoutWidth，我已经在多个地方为titleLbl这样做了，但没有效果。只有当将其硬编码为180时，我才得到结果，但它还为文本顶部/下方的其他蓝色框添加了空格/填充，大大增加了红色/蓝色框之间的空间。

以下是我的约束：

根据我对其他文本样本进行的测试，它确实使用了故事板中显示的宽度，但是任何纠正它的尝试都不起作用。

我已经创建了单元格的ivar，并用它来创建单元格的高度：

- (CGFloat)tableView:(UITableView *)tableView heightForRowAtIndexPath:(NSIndexPath *)indexPath
{
    [sizingCellTitleSubMoney.titleLbl setText:[[tableViewData objectAtIndex:indexPath.row] objectForKey:@"title"]];
    [sizingCellTitleSubMoney.subtitleLbl setText:[[tableViewData objectAtIndex:indexPath.row] objectForKey:@"subtitle"]];
    [sizingCellTitleSubMoney.moneyLbl setText:[[tableViewData objectAtIndex:indexPath.row] objectForKey:@"cost"]];

    [sizingCellTitleSubMoney layoutIfNeeded];

    CGSize size = [sizingCellTitleSubMoney.contentView systemLayoutSizeFittingSize:UILayoutFittingCompressedSize];
    return size.height+1;
}

- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath
{
    MATitleSubtitleMoneyTableViewCell *cell = [self.tableView dequeueReusableCellWithIdentifier:CellIdentifierTitleSubTitleMoney];

    if(!cell)
    {
        cell = [[MATitleSubtitleMoneyTableViewCell alloc] init];
    }


    cell.titleLbl.layer.borderColor = [UIColor blueColor].CGColor;
    cell.titleLbl.layer.borderWidth = 1;

    cell.subtitleLbl.layer.borderColor = [UIColor redColor].CGColor;
    cell.subtitleLbl.layer.borderWidth = 1;

    cell.moneyLbl.layer.borderColor = [UIColor greenColor].CGColor;
    cell.moneyLbl.layer.borderWidth = 1;


    [cell.titleLbl setText:[[tableViewData objectAtIndex:indexPath.row] objectForKey:@"title"]];
    [cell.subtitleLbl setText:[[tableViewData objectAtIndex:indexPath.row] objectForKey:@"subtitle"]];
    [cell.moneyLbl setText:[[tableViewData objectAtIndex:indexPath.row] objectForKey:@"cost"]];

    return cell;
}

我尝试在单元格的布局子视图中设置< code > setpreferedmaxlayoutwidth :

- (void)layoutSubviews
{
    [super layoutSubviews];

    NSLog(@"Money lbl: %@", NSStringFromCGRect(self.moneyLbl.frame));
    NSLog(@"prefferredMaxSize: %f \n\n", self.moneyLbl.frame.origin.x-8);

    [self.titleLbl setPreferredMaxLayoutWidth: self.moneyLbl.frame.origin.x-8];
}

日志：

2014-04-30 21:37:32.475 AutoLayoutTestBed[652:60b] Money lbl: {{209, 20}, {91, 61}}
2014-04-30 21:37:32.475 AutoLayoutTestBed[652:60b] prefferredMaxSize: 201.000000 

这是我所期望的，因为这两个元素之间有8px，控制台会验证这一点。无论我向蓝色框中添加多少文本（与情节提要相同），它都能完美地处理第一行，但对绿色框的任何增加都会影响宽度计算。我已经尝试在tableView:willDisplayCell和tableView:heightForRowAtIndexPath:

任何帮助，想法或意见将不胜感激




Answer 1

天哪，刚刚也遇到了同样的问题。这位@西蒙·麦克洛林的回答并没有帮助我。但是

titleLabel.adjustsFontSizeToFitWidth = true

真是神奇！它起作用了，我不知道为什么，但它起作用了。是的，你的标签也必须有一个明确的首选MaxLayoutWidth值。

Answer 2

我不确定我对你的理解是否正确，我的解决方案真的远非最好的解决方案，但这里是：

我在剪切的标签上添加了一个高度约束，将该约束连接到单元格的出口。我重写了layoutSubview方法:

- (void) layoutSubviews {
    [super layoutSubviews];

    [self.badLabel setNeedsLayout];
    [self.badLabel layoutIfNeeded];

    self.badLabelHeightConstraint.constant = self.badLabel.intrinsicContentSize.height;
}

还有维奥拉。请试试那个方法并告诉我结果，谢谢。

Answer 3

匿名用户

阅读以下内容后，发现了一个更好的答案：http://johnszumski.com/blog/auto-layout-for-table-view-cells-with-dynamic-heights

创建一个< code>UILabel子类来覆盖< code>layoutSubviews,如下所示:

- (void)layoutSubviews
{
    [super layoutSubviews];

    self.preferredMaxLayoutWidth = CGRectGetWidth(self.bounds);

    [super layoutSubviews];
}

这确保了首选的Max布局宽度始终是正确的。

更新：

在iOS的几次发布和测试更多的用例之后，我发现上述内容不足以满足每种情况。从iOS 8开始（我相信），在某些情况下，只有在屏幕加载之前及时调用Set边界。

在最近的iOS9中，我在使用带有UITableView的模态UIVIewController时遇到了另一个问题，即layoutSubview和set bound都在heightForRowAtIndexPath之后被调用。经过多次调试，唯一的解决方案是覆盖set frame。

下面的代码现在似乎是必要的，以确保它适用于所有iOS，控制器，屏幕尺寸等。

override public func layoutSubviews()
{
    super.layoutSubviews()
    self.preferredMaxLayoutWidth = self.bounds.width
    super.layoutSubviews()
}

override public var bounds: CGRect
{
    didSet
    {
        self.preferredMaxLayoutWidth = self.bounds.width
    }
}

override public var frame: CGRect
{
    didSet
    {
        self.preferredMaxLayoutWidth = self.frame.width
    }
}