ios - 自动布局 : Xcode 6: Centering UI elements

Question

我在 Xcode 6 中使用 Interface Builder 来制作应用程序，但我无法让文本字段和按钮在不同尺寸的屏幕上居中显示。

我认为这是在容器中选择水平和垂直居中的问题，但当我在自动布局中尝试时似乎并非如此。事实上，我已经修改了一些，但我仍然没有得到它。

我只是希望能够在任何尺寸的 iPhone 屏幕上看到我的所有按钮和文本字段，而现在模拟器只显示这些 UI 元素的一部分，如下所示:

我还想在 Storyboard中而不是在代码中执行此操作，因为我还没有达到在代码中执行此操作的级别。

Answer 1

第 1 步:确保您的尺寸等级至少在纵向 View 中覆盖整个 iPhone 屏幕。因此，将大小类更改为“wCompact hRegular”。

第 2 步:正确设置大小类后，将 UITextFields 和 UIButton 添加到 Storyboard。对我来说，它看起来像-

第 3 步:在开始添加约束之前，您需要记住两件事-

一个。您的元素(UITextField、UIButton、UIView 或任何组件)需要清楚地知道它的起始位置，并且

您的元素需要知道其大小含义、高度和宽度。

在这种情况下，由于您希望元素居中，我只是假设它需要居中，从距 iPhone 屏幕的左边缘 10 倍开始，到距 iPhone 屏幕右边缘 10 倍结束。现在，这意味着它的宽度会根据屏幕尺寸而不同，但它的高度是相同的。

所以，我只是按照以下方式为第一个文本框添加约束-

请注意，在大小检查器中，我将文本框的起点、x 和宽度设置为距左边缘 10 pt，距右边缘 10 pt。别担心，这只是简单的数学运算。

对于第二个文本字段，我添加了约束，同样的方式-

最后，对于按钮，约束如下-

现在，您可以开始了。一切都居中。