使用动态约束对齐文本字段

时间:2016-09-03 08:53:38

标签: ios xcode autolayout nslayoutconstraint

我一直在学习如何制作iOS应用,并且遇到了轻微的烦恼。我无法找到一种简单的方法来对齐文字输入。

查看下面的屏幕截图,您会看到我已设法调整我的文字字段,这就是我想要的。

但是,我通过更改每个标签和文本字段之间的单个前导空格手动完成此操作。

Screenshot

我的问题是,如何动态调整我的文字字段?

2 个答案:

答案 0 :(得分:1)

需要修复每个标签的宽度,每个文本字段的X坐标距离应该根据底部文本字段的相同,确保每个标签的宽度应该相同,然后向textField添加约束。

enter image description here

答案 1 :(得分:1)

Anand发布了很好的方式,但我个人在这种情况下使用相同的宽度和高度。所以让我们简要介绍一下:

1)首先,将约束放在 年龄标签 上:

  • left leading c。
  • top leading c。
  • width c。
  • 身高c。

2)将约束放在顶部 右侧文本字段

  • 右后c。
  • top leading c。
  • 身高c。
  • 约束,它与标签和文本字段之间的间距有关,因此CTRL从文本字段拖动到标签选择horizontal spacing c.

enter image description here

3)然后,制作第二行元素 - 在故事板中放置大约相同宽度和高度的第二个标签和第二个文本字段(使用IB,您可以稍后使用魔术函数修复它更新框架 )。

enter image description here

4)然后,为weight标签设置此项:

  • left leading c。
  • top leading c。
  • 然后选中两个标签并选中相等的宽度复选框,并选中相等的高度复选框。

enter image description here

enter image description here

5)第二个文本字段的重复宽度相同。你不必在第二步中制作间距约束。

enter image description here

结束现在所有四个项目都已对齐。

例如,如果您想更改标签的高度,只需选择它的高度约束,其他标签也会跟随此更改。

最后的经验就在这个动画

enter image description here