2 Tableviewcell中的标签，如何设置约束？答案

【问题标题】：2 Label in Tableviewcell, how to set constraints?2 Tableviewcell中的标签，如何设置约束？
【发布时间】：2016-04-29 07:32:31
【问题描述】：

在故事板中

这是结果...

我想显示相同的标签宽度 + 截断尾部标签。

最好的结果是这样的……

Label1Label1Label1Label1La...(空格)Label2Label2Label2Label2La...

如何设置约束？

【问题讨论】：

【解决方案1】：

优雅的比例缩放

这些天我推荐比例约束来实现你想要的。

将标签添加到您的单元格原型和形状并根据需要对齐它们，在 600x600 的情节提要场景中，我已将单元格原型设为全宽 (600)，我已将标签设为 240 宽。然后我将它们定位在 x==0 处的绿色标签和 x==360 处的灰色标签。我的两个标签都在单元格内垂直居中。

约束的时间。一种方法是调整绿色标签的大小，然后让灰色标签模仿它。我避开了这种方法，并使每个标签的大小成比例地依赖于它的超级视图。为此，请将每个标签的宽度设置为与其父视图的宽度相同：

然后在检查器中选择等宽约束并调整乘数（在我的情况下，乘数需要为 0.4 - 240/600 = 0.4）

请注意，约束现在自动标记为“比例宽度”而不是“等宽”

将每个标签固定到单元格的相应一侧。

现在您可以添加约束来专门定义标签的高度，但据我所知，我已经在情节提要中正确调整了标签的大小（240 宽 x 21 高），我将创建一个纵横比约束。

[

你现在应该准备好了。如果您检查每个标签，它将有四个约束：

作为奖励，您的单元格将在不同的屏幕格式尺寸上完美缩放，并且如果您希望更改其中一个标签，则标签之间没有依赖关系，因此更改一个标签不会破坏另一个标签。

【讨论】：

【解决方案2】：

选择 2 标签并给出等宽约束。为所有按钮提供以下约束：

1.高度限制。

2.领先的约束。

2.底部约束。

4.等宽约束

5.尾随约束（如有必要）

【讨论】：

【解决方案3】：

给标签等宽。将顶部、底部、左侧、右侧约束固定到标签。

查看 Gif 图片以获得更多说明

【讨论】：