使用自动布局居中以适用于所有屏幕尺寸?

Posted

技术标签:

【中文标题】使用自动布局居中以适用于所有屏幕尺寸?【英文标题】:Centering with auto layout to work on all screen sizes? 【发布时间】:2014-11-12 13:05:13 【问题描述】:

xcodes 自动布局我快疯了!!现在真的需要一些帮助。我制作了一个带有 8 个按钮的应用程序(只能以横向查看),我希望在 iPhone 4、5 和 6/6+ 上看起来不错(或还可以)。

我希望标题和按钮在所有设备上水平居中。如果在 iphone 6/6+ 上查看时尺寸增加,我会很好,但这不是必需的。我尝试将按钮放在单独的视图中,但我只能设法让它在 4 和 5 上看起来不错。

(我使用的是 xcode 6.1) 点击链接查看我的布局结构: http://groupnoir.com/test.html

请帮忙!

【问题讨论】:

在一行的每个按钮之间设置一些水平间距约束,并为每个按钮设置一个“等宽”约束。 【参考方案1】:

这似乎很多,但我发现这很有效。创建 1 个包含所有按钮的大视图。您需要将边缘固定到 Superview(编辑器 > 固定)。在该视图内添加 8 个视图,并使用自动布局均匀空间(使用相等的宽度或固定到所需的宽度)。您应该将所有较小视图的所有 4 个面都固定到较大的视图及其邻居。您可以在 8 个视图中添加一个按钮,在容器中水平/垂直对齐(编辑器 > 对齐)。

【讨论】:

以上是关于使用自动布局居中以适用于所有屏幕尺寸?的主要内容,如果未能解决你的问题,请参考以下文章

在所有屏幕的自动布局上以固定宽度居中 UIButton

适用于不同屏幕尺寸的Android布局

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

我希望两个按钮具有相同的宽度并使用自动布局从屏幕顶部按比例在所有屏幕尺寸中定位自己?

如何使布局适合屏幕尺寸

适用于所有屏幕尺寸的 iOS 全屏背景图像