5

我正在尝试以编程方式创建一个包含两个 UILabel 子视图的容器视图，其行为如下：

  • 容器宽度固定到其父视图；它的高度被限制为适合标签
  • 标签水平放置，它们之间有标准间距（8pts）
  • 左侧标签宽度为容器宽度的 25%
  • 右标签宽度填满可用空间，减去标准水平间距
  • 长文本应该在字边界处被打破，跨越多行；两个标签都必须垂直增长以适应长文本

我用numberOfLines = 0和定义了标签lineBreakMode = NSLineBreakByWordWrapping。

注意容器的大小是完全动态的；它的宽度由它的父视图决定，而它的高度由它的子视图（标签）决定。标签的大小也是动态的；它们的宽度与容器宽度成正比，它们的高度取决于文本的长度。

除了最后一项之外，我已经能够通过以下约束（伪代码）实现上述所有目标。A是左标签，B是右标签。

  • A.top == 容器.top
  • B.top == 容器.top
  • A.leading = container.leading
  • A.trailing == B.leading - 8
  • B.trailing == container.trailing
  • A == .25 * 容器宽度
  • container.height >= A.height
  • container.height >= B.height

最后两个约束旨在拉伸容器以适应较高的标签，但布局引擎似乎忽略了标签可能是多行的事实。也就是说，无论文本的长度如何，我总是会显示一行。

那么我需要添加/修改/删除哪些约束才能实现上述全套行为？

4

3 回答 3

8

要使您的标签自动调整高度，您需要执行以下操作：

  1. 为标签设置布局约束（您实际所做的）
  2. 设置低优先级的高度约束。应该比 ContentCompressionResistancePriority 更爱
  3. 设置 numberOfLines = 0
  4. 将 ContentHuggingPriority 设置为高于标签的高优先级
  5. 为标签设置 preferredMaxLayoutWidth。标签使用该值来计算其高度

例如：

self.descriptionLabel = [[[UILabel alloc] init] autorelease];
self.descriptionLabel.numberOfLines = 0;
self.descriptionLabel.lineBreakMode = NSLineBreakByWordWrapping;
self.descriptionLabel.preferredMaxLayoutWidth = 200;

[self.descriptionLabel setContentHuggingPriority:UILayoutPriorityRequired forAxis:UILayoutConstraintAxisVertical];
[self.descriptionLabel setContentCompressionResistancePriority:UILayoutPriorityRequired forAxis:UILayoutConstraintAxisVertical];
[self.descriptionLabel setTranslatesAutoresizingMaskIntoConstraints:NO];
[self addSubview:self.descriptionLabel];

NSArray* constrs = [NSLayoutConstraint constraintsWithVisualFormat:@"|-8-[descriptionLabel_]-8-|" options:0 metrics:nil views:NSDictionaryOfVariableBindings(descriptionLabel_)];
[self addConstraints:constrs];
[self addConstraints:[NSLayoutConstraint constraintsWithVisualFormat:@"V:|-8-[descriptionLabel_]" options:0 metrics:nil views:NSDictionaryOfVariableBindings(descriptionLabel_)]];
[self.descriptionLabel addConstraints:[NSLayoutConstraint constraintsWithVisualFormat:@"V:[descriptionLabel_(220@300)]" options:0 metrics:nil views:NSDictionaryOfVariableBindings(descriptionLabel_)]];
于 2012-12-18T20:24:50.143 回答
0

确保你设置

  1. 横向和纵向内容抗压优先。如果您不希望 label 截断其内容，请将其设置为 1000.ie required。
  2. 内容拥抱优先。查看此答案以了解其工作原理。
于 2014-03-05T13:33:37.540 回答
0

将标签的高度约束的优先级设置为低值，并尝试在代码中设置约束。

于 2012-12-05T04:54:51.923 回答