ios 故事板在父视图中间的右侧放置一个视图

ios storyboard place a view to right of the middle of superview

搜索了一下，没有找到解决办法。 假设我有一个标签和一个文本字段。我希望文本字段与其超级视图中间的右侧对齐 10 个像素，其宽度为超级视图的一半 - 20 像素。即两侧有 10 像素的间隙。 我怎样才能在情节提要中实现这一目标？有可能还是我已经为此编写了代码？ 类似地，Label 是 superview 的一半 - 20 px 宽度。左对齐。 10 像素左间隙。

如果我没理解错的话，你想要这两个视图具有相同的宽度吗？

|-10-[UILabel]-20-[UITextField]-10-|

然后解决此问题的一种方法是为

创建约束
  • UILabel
    • 的领先利润率
  • UILabel 和 UITextField
    • 之间的水平间距
  • UITextField
    • 的尾随保证金
  • 与 UILabel 和 UITextField
    • 的宽度相同

如果我猜对了，这在情节提要中是完全可能的。设置以下约束：

  1. 将标签固定到其父视图的前导，常数为 10
  2. 将标签尾部固定到文本字段的开头，常数为 20
  3. 用常量 10
    4. 将尾部的文本字段固定到其父视图的尾部
  4. 为标签和文本字段创建等宽约束

希望我没猜错:)

  • 所以：

I want the textfield to be aligned 10 pixel to the right of middle of its superview That could be done like that: Horizontal centering constraint with offset to the right.

  • 现在

having a width of half of superview - 20 pixel. i.e. 10 px gap in both side.

要实现这一点，您应该 select 您的父视图和子视图（在您的例子中是文本字段），方法是按住命令键并左键单击您的视图和文本字段。 见下图：

完成这两个 selected，单击 IB 编辑器区域底部的 Pin 按钮，如下图所示：

然后，转到您的父视图或文本字段的检查器区域并使其看起来像（图像是从文本字段的检查器中捕获的）。并注意：您应该 select 等宽约束并手动输入值。当您将乘数从 1 更改为 0.5 时，约束将变为 "proportional width" 类型，这就是您所渴望的。

  • 设置右边距和水平间距space应该没有问题。享受编码吧，伙计:)