ios - 使用 iOS 7 的自动布局的一些具体帮助

Question

我正在制作一个简单的 iOS 7 应用程序 - 这是我尝试过的第一个应用程序，我正在尝试使用自动布局功能来轻松处理我的 UI 布局，因为它非常简单，并且我需要支持纵向和 2 个正常风景模式的风格。

这是我迄今为止的努力:

我认为我没有正确完成此操作 - 基本上我有我的标题、中间的计时器标签和我的启动计时器按钮。

我希望所有这些元素都能在横向显示 - 但希望我的启动计时器在任何模式下几乎都位于屏幕底部 - 并填充横向宽度 - 我希望计时器尽可能大标题和按钮之间。

这个应用程序在纵向上看起来“不错”，在横向上按钮可能会消失在屏幕下方的某个地方 - 但这就是我想通过使用自动布局来解决的问题 - 我公然只是没有正确使用它。

请您帮助指导我哪里出了问题。

Answer 1

您的主要问题是所有垂直约束都从 viewController 的顶部开始。这会将按钮插入 View 之外的区域。如果你运行应用程序并旋转到横向 Xcode 应该告诉你它不能满足所有约束。您尝试将按钮定位到 432 pt。从顶部和 63 pt。同时从底部开始，这在横向(或 3.5 英寸纵向)中是不可能的

您的约束通常应该在不同的用户界面元素之间。不要将所有内容布局到 rootView 的边缘。

水平布局很简单，在这种情况下并不重要；所以我们会跳过它。让我们谈谈垂直布局:

顶部标签基本上应该是唯一对 rootView 的顶部有约束的元素。
该按钮应该在 rootView 的底部有一个约束。
中间的标签应该(在我看来)在 rootView 中垂直居中。垂直居中是最简单的事情，所以我会坚持下去。

为了防止重叠，我会添加两个额外的“大于或等于”约束，中间标签和顶部标签以及底部按钮之间有 20 pt。

总而言之，它应该看起来更像这样(为了清楚起见，我只强调了垂直约束):

横向: