ios – 自动布局:Xcode 6:居中的UI元素

前端之家收集整理的这篇文章主要介绍了ios – 自动布局:Xcode 6:居中的UI元素前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我在 Xcode 6中使用Interface Builder来制作一个应用程序,并且在不同大小的屏幕上将文本字段和按钮置于屏幕的中心时遇到麻烦.

我认为这是在容器中选择水平和垂直居中的问题,但是当我在汽车布局中尝试时似乎并不是这样.其实我修改了一点,我还没有得到它.

我只想看到我所有的iPhone和iPhone屏幕的所有按钮和文本字段,现在模拟器只显示这些UI元素的一部分,如下所示:

我也想在故事板中做这个,而不是在代码中,因为我不是在代码中这样做的水平.

解决方法

步骤1:确保您的大小类至少在纵向视图中覆盖所有iPhone屏幕.因此,将大小类更改为“wCompact hRegular”.

步骤2:正确设置大小类后,将UITextField和UIButton添加到您的故事板.对我来说,它看起来像是 –

步骤3:
之前,你开始添加约束,你需要记住两件事情 –

一个.您的元素(UITextField,UIButton,UIView或任何组件)需要明确地知道其起始位置,

湾你的元素需要知道它的大小意义,它的高度和宽度.

在这种情况下,当你想要让你的元素居中的时候,我只是假设它需要从左边缘的10个刻度开始居中,并且应该从你的iPhone屏幕的右边缘结束10个刻度.现在,这意味着它的宽度会根据屏幕大小而有所不同,但是它的高度也是一样的.

所以,我只是添加第一个文本框的约束,

请注意,在尺寸检查器中,我设置文本框的起始点,x和宽度以与左边缘相距10 pt,距离右边缘10 pt的方式设置.别担心,这只是简单的数学.

对于第二个textField,我添加约束,同样的方式 –

最后,对于按钮,约束是跟随 –

现在,你很好去一切都是中心的

希望这可以帮助.

猜你在找的iOS相关文章