在情节提要中居中

Posted

技术标签:

【中文标题】在情节提要中居中【英文标题】:Centering in Storyboard 【发布时间】:2015-07-26 21:47:21 【问题描述】:

我对 Xcode 6 Storyboard 有点困惑。

自动布局似乎是为不同设备构建 UI 的非常强大的工具。但是,无论我选择哪种布局(紧凑或任何高度/宽度),甚至取消选中“使用自动布局”和“使用大小类”,我在故事板视图中映射的内容在我测试时总是看起来不同(使用iPhone 6)。

例如,如果我在情节提要的中心留下了一个 UIButton,当它出现在我的 iPhone 6 上时,它会稍微远离中心。

谁能帮我解决这个问题。也许只适用于 iPhone6 而不是不同的设备。非常感谢。

【问题讨论】:

我觉得你应该看看Auto Layout and Layout Constraints。 【参考方案1】:

如果您只想使 UI 元素居中,请在情节提要约束对齐弹出框中同时选中 Horizontal Center in ContainerVertical Center in Container

【讨论】:

谢谢。我试过这个,它适用于那个单一的元素。有什么方法可以让布局显示我在真实设备中实际看到的内容? 他们在后来的 XCode 版本中从这些选项中删除了“中心”一词【参考方案2】:

您遇到此问题的原因是刺激器尺寸不匹配。例如,iPhone 6 的苹果标准是 400 x 600 pt 的框架,意思是 2:3。所以, 首先,打开自动布局和尺寸类。然后将“wAny hAny”改为“compact hAny”。

如果您现在更改刺激尺寸,您会将宽度设置为 400,高度设置为 600。

在此之后,您需要在中心添加 UIButton,即使不添加任何约束,您也会看到您的按钮在框架中居中。

【讨论】:

谢谢。但是我试过这个,当我在模拟器中运行时,UI Button 仍然离中心有点远。 如何添加水平中心和垂直中心约束。它应该在 iPhone 6+ 刺激器中为您提供一个居中的按钮,是的,它可能会在 iPhone 6 上有所波动。所以,现在尝试添加约束。那你应该没事。

以上是关于在情节提要中居中的主要内容,如果未能解决你的问题,请参考以下文章

如何在水平stackview中居中按钮?

如何使用情节提要设置包装文本 UILabel Xcode

创建没有箭头并在 UIViewController 中居中的 PopOver

R闪亮的中心情节

如何让DIV层在网页中居中显示

在CSS中居中的代码是啥