在故事板中定位UILabel

时间:2016-12-18 22:49:58

标签: ios xcode autolayout uilabel

我正在尝试将UILabel放置在故事板上的UIView内,而不需要任何代码。我希望标签的X位置为UIView宽度的1/4。因此,如果UIView的宽度为400,我希望UILabel位于X = 100。

是否可以在没有代码的情况下在故事板上执行此操作?

4 个答案:

答案 0 :(得分:2)

您需要创建一个约束,使得标签的前缘等于超级视图的后端,constant 0multiplier {{1} }}

要在 Storyboard 中创建此内容:

  1. control -drag从标签到其超级视图的右边缘。
  2. 从弹出窗口中选择到容器的尾随空格
  3. 现在编辑约束。单击将标签连接到其超级视图右侧的I-bar。打开属性检查器。选择 First Item 弹出窗口,然后选择反向第一和第二项
  4. First Item 现在应该是标签的 Trailing 边缘。单击它并将其更改为 Leading
  5. 常量更改为0.25
  6. 乘数更改为0。 (注意:如果这些看起来更直观,您也可以使用0.251:4
  7. Constraint in Storyboard

答案 1 :(得分:1)

  1. 首先将所有其他约束赋予UILabel
  2. X位置设置为UIView宽度的1/4

    考虑Superview的尾随保证金。如果尾随边距为60,则视图的宽度将为60

  3. enter image description here

答案 2 :(得分:0)

您可以使用附件clear-color视图来帮助实现这一目标:

  1. 首先,创建superview(蓝色视图),然后设置constraints enter image description here

  2. 其次,您可以使用assist view,将其宽度设置为蓝色视图的1/4

  3. 1)当您设置assist view的宽度约束时,可以将assist view拖到blue view,然后选择Equals WidthSize inspector您可以将宽度constraint的乘数编辑为1:4

    enter image description here

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

    enter image description here

    结果如下:

    enter image description here

    1. 第三步,您可以拖动label,将label左侧constaint设置为assist view enter image description here

答案 3 :(得分:0)

除了下面的答案,你可以做的是将UILabel底部尾随添加到 superview 。现在控制 - 将UILabel拖到 superview 并选择等宽约束,并将乘数设置为0.75。

以上内容将使您的UILabel superview 的宽度始终为3/4,因为 superview的结尾为0 总是有一个空间偏移量为 superview

宽度的1/4