ios故事板将视图置于超级视图中间的右侧

问题描述:

搜索一下,但找不到解决方案。 假设我有一个标签和一个文本字段。我希望文本字段在其超视图中间右侧10像素对齐,宽度为超视图的一半 - 20像素。即在两侧为10 px间隙。 如何在故事板中实现这一点?是否有可能或者我已经为此编写代码? 同样的标签是superview的一半 - 20px宽度。左对齐。 10 px左差距。ios故事板将视图置于超级视图中间的右侧

+0

我会做什么(不知道它是否是最好的方式来做到这一点),我会添加一个宽度为1px的视图,水平居中的超视图,然后我会对齐两个相对于这个观点的观点。 – danypata

如果我正确理解你,你希望这两个视图具有相同的宽度?

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

接着去了解这个的一种方式是为

  • 导引区间创建约束UILabel
  • UILabelUITextField
  • 后缘之间的水平间距为UITextField
  • 相同的宽度UILabelUITextField

如果我找到了你,这是完全可能的故事板。设置以下约束:

  1. 销导致它的父的领先与10
  2. 销的恒定标签的标签后的文本字段的领先与20
  3. 销的文本框的恒定尾随于它的父的尾部与10
  4. 恒定创建标签的宽度相等的约束和文本框

希望我给你吧:)

  • 所以:

我想要的文本框对齐10像素到它的父 这可能这样做的中部右侧: enter image description here 水平居中约束与偏移正确的。

  • 而现在具有上海华的一半的宽度

- 20像素。即在两侧为10 px间隙。

为了实现这一目标,你应该选择你的父视图和子视图的(在你的情况下,文本字段)通过按住Command键左键点击都可以查看和文本字段。 见下图:

enter image description here

说完这两个选择,点击Pin按钮IB编辑区域的底部,使所有如下图所示: enter image description here

然后,转到您的父视图或文本字段的检查器区域,并使其变得像(从文本字段的检查器捕获图像)。并注意:您应该选择等宽约束并手动输入值。当您将乘数从1更改为0.5时,约束将变为“比例宽度”类型,这就是您渴望的。

enter image description here

  • 设置右页边距和水平间的空间,不应该是一个问题。享受编码,男人:)
+0

谢谢。 upvoted。我在第一次尝试时就是这样做的。截图显示你的答案非常好。但超级观点的边缘昆虫给了我一些麻烦。 @Jakub的回答更容易,并且完成了我的工作。 :) – karim

+0

它反正结束了,感谢感恩:)我只是不知道你想要文本字段和标签具有相同的宽度,因为通常文本字段的标题比文本字段短得多。祝你好运:) –

+0

你说得对。我对标签的尺寸没有限制。但现在相等的宽度为我服务。 – karim