在情节提要中定位 UILabel

Posted 2023-03-15

【中文标题】在情节提要中定位 UILabel

【英文标题】：Position UILabel in Storyboard

【发布时间】：2016-12-18 22:49:57

【问题描述】：

我正在尝试将UILabel 定位在情节提要上的UIView 中，没有任何代码。我希望标签的 X 位置为UIView 宽度的 1/4。因此，如果UIView 的宽度为 400，我希望 UILabel 的宽度为 X = 100。

是否可以在没有代码的情况下在带有约束的情节提要上做到这一点？

【问题讨论】：

按标签的位置，你是指它的“中心”的位置吗？

它左边的位置没问题。标签的宽度刚好适合我要定位的字符。

【参考方案1】：

您需要创建一个约束，使标签的前缘等于您的父视图的后缘，其中 constant 的 0 和 multiplier 的 0.25。

在故事板中创建它：

control - 从标签拖动到其父视图的右边缘。 从弹出窗口中选择Trailing Space to Container。 现在编辑约束。单击将标签连接到其超级视图右侧的 I 栏。打开属性检查器。选择 First Item 弹出窗口并选择 Reverse First and Second Item。 First Item 现在应该是标签的Trailing 边缘。单击它并将其更改为 Leading。 将常量改为0。 将乘数更改为0.25。 （注意：如果看起来更直观，您也可以使用 1:4 或 1/4）。

---

【参考方案2】：

首先将所有其他约束条件赋予UILabel。

将X位置设置为UIView宽度的1/4

考虑 Superview 的尾随边距。如果尾边距为 60，则视图的宽度将为 60

【参考方案3】：

您可以使用附件clear-color 视图来帮助实现：

首先，创建superview（蓝色视图），并设置constraints

其次，你可以使用assist view，设置它的宽度为蓝色视图的1/4

1) 设置assist view的宽度约束时，可以将assist view拖到blue view，选择Equals Width，在Size inspector中可以编辑宽度constraint的乘数为1:4

2) 将assist view的背景颜色设置为清晰

结果是这样的：

第三步，可以拖动label，将label的左边constaint设置为assist view

【参考方案4】：

除了下面的答案之外，您还可以将UILabel 的bottom 和trailing 添加到您的superview。现在控制并拖动您的 UILabel 到您的 superview 并选择 equal width 约束并将乘数设置为 0.75。

以上内容将允许您的UILabel 始终与您的 superview 有 3/4 的宽度，并且因为它对您的 superview 的尾随为 0 superview

的宽度总会有 1/4 的空间偏移