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

Question

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

iPhone 6 Simulator

iPhone 4 Simulator

Answer 1

学习起来真的很简单，流程是从最顶部的组件对齐自动布局，最好的部分是尝试对齐约束并在助理编辑器的预览选项中并行检查(您可以在其中检查所有屏幕尺寸) .

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

-尝试添加第一个标签的上边距和“在容器中水平居中”约束，方法是将其链接到父 View 。

-现在向该标签添加宽度和高度约束。

-向所有文本框(&按钮)的顶部组件和底部组件添加垂直间距。

-选择“First”文本框并控制选择以下所有文本框并添加“leading”约束。

-选择“Last”文本框并控制选择以下所有文本框并添加“trailing”约束。

-选择所有相似的文本框并给出“等宽度”和“等高度”约束。

-将宽度和高度添加到“phonenumber”教科书。

-居中对齐“create account”按钮并为其提供leading,trailing and height约束。

-居中对齐取消按钮，添加宽度、高度和垂直间距到“create account”按钮和底部空间到superview约束到它。

-通过双击底部约束蓝线，将“取消”按钮的优先级设置为500。

如需进一步引用，请查看 sampleproject我创建的。请尝试一下，如果您遇到任何困难，请告诉我。

附言查看 UI 时您会知道，此按钮的 width & height 必须与下一个按钮的相似，您必须在此处添加 Equal widths 和 Equal heights 约束，你还会看到所有这些文本字段应该有相同的 x 值(起点)，在那里你应该选择所有这些文本字段并向它添加 leading 约束，类似于尾随 约束。

这就是您如何理解 UI 组件的位置。