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

Question

在故事板中

这是结果......

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

最好的结果就是这样......

Label1Label1Label1Label1La ...（空间）Label2Label2Label2Label2La ...

如何设置约束？

Answer 1

选择2 Label并给出相等的宽度约束。为所有按钮提供以下约束：

1.Height约束。

2.Leading Constraint。

2.Bottom Constrain。

4.Equal Width Constraint

5.Trailing Constraint（如有必要）

Answer 2

优雅的比例缩放

这些天我建议按比例约束来达到你想要的效果。

将标签添加到您的单元原型和形状并根据需要对齐它们，在600x600的故事板场景中，我已将单元格原型制作为全宽（600），标签我已制作240宽。然后我用x == 0的绿色标签和x == 360的灰色标签定位它们。我的两个标签都在细胞内垂直居中。

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

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

请注意，约束现在自动标记为＆＃34;比例宽度＆＃34;而不是＆＃34;等宽＆＃34;

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

现在你可以添加约束来专门定义标签的高度，但是，据我所知，我已经在故事板中正确调整了标签大小（240宽21高）我将创建一个宽高比约束。

[

你现在应该开始了。如果检查每个标签，它将有四个约束条件：

作为奖励，您的单元格将以不同的屏幕格式大小进行精美缩放。如果您希望更改其中一个标签，则标签之间没有依赖关系，因此更改一个标签不会破坏另一个标签。

Answer 3

为标签指定等宽。将顶部，底部，左侧，右侧约束固定到标签上。

检查Gif图像以获得更多说明