Xcode对图像和文本字段的约束？

Question

我对xcode并不太熟悉，我正试图在故事板中创建一个帐户创建表单，但是，我似乎无法弄清楚在iPhone 4，iPhone 5上运行的布局限制，我尝试添加缺失的约束，但这并没有多大帮助。这就是它在不同尺寸上运行的样子。我真的希望文本字段适合表单图像的任何位置，但它并不总是对齐。任何人都可以给我任何提示或帮助吗？

iPhone 6 Simulator

iPhone 4 Simulator

Answer 1

它非常简单易学，流程是将自动布局与最顶层的组件对齐，最好的部分是尝试对齐约束并在“助理编辑器”的预览选项中并行检查（其中）你可以检查所有的屏幕尺寸。）

- 将文本框和按钮对齐，使它们位于屏幕中央。

- 尝试添加第一个标签的上边距和＆＃34; centre horizontally in the container＆＃34;约束，通过将其链接到超级视图。

- 向该标签添加width and height个约束。

- 将vertical spacing添加到所有文本框（＆amp; button＆quot; s）顶部组件和底部组件。

- 选择＆＃34; First＆＃34;文本框和控件选择以下所有文本框并添加＆＃34; leading＆＃34;约束

- 选择＆＃34; Last＆＃34;文本框和控件选择以下所有文本框并添加＆＃34; trailing＆＃34;约束

- 选择所有类似的文本框并提供＆＃34; equal widths＆＃34;和＆＃34; equal heights＆＃34;约束

- 将width and height添加到＆＃34; phonenumber＆＃34;教科书。

- Center align＆＃34; create account＆＃34;按钮并为其提供leading,trailing and height约束。

- Center align the cancel button，将width, height and vertical spacing添加到＆＃34; create account＆＃34;按钮和底部空间来超视它的约束。

- 提供＆＃34; cancel＆＃34;的底部约束。通过双击底部约束蓝线，按钮的优先级为500。

如需进一步参考，请查看我创建的sampleproject。请尝试这个，如果您遇到任何困难，请告诉我。

P.S。在查看用户界面时，您会知道此按钮的width & height必须与下一个按钮类似，您必须添加Equal widths＆amp; Equal heights约束，您还会看到所有这些文本字段都应具有相同的x值（起始点），您应该选择所有这些文本字段并添加{{1}约束它，类似于leading约束。

从字面上讲，您将如何理解UI组件的位置。

Answer 2

下载main.storyboard并设置您的设计：

https://github.com/BhadreshKathiriya/AutoLayoutSignin

你设置了两个不同的文本字段空间：