ios - 在整个屏幕上显示两个大按钮

Question

我想在我的应用程序中只显示两个按钮，它们应该在整个屏幕上拉伸(stretch)。如果我使用 iphone 或 ipad 应该无关紧要。除此之外，该应用仅以横向模式显示。

我正在使用最新版本的 xcode 和 Storyboard。我发现了一些听起来很有希望的设置并在互联网上搜索，但它对按钮没有影响。

Answer 1

在 Storyboard 中，转到您要添加按钮的 View Controller 。在右下角的对象中搜索 uibuttons 并将它们拖放到 View 上。

现在您需要添加约束。假设您希望按钮并排并以相等的宽度跨越屏幕。按住 control，单击左 ui 按钮，然后向左拖动到 View 。单击左边距的水平间距。将出现一条蓝线。如果单击它并查看检查器，则可以确保水平间距为 0。对右侧的 uibutton 执行相同的操作，但要有右边距。接下来，控制从左按钮拖动到右按钮并选择相等的宽度。最后，您可以控制从左侧按钮拖动到自身并选择高度以固定高度。对右侧按钮执行相同操作。您还需要通过控制向上拖动来为按钮提供一个 y 位置，以查看和选择与上边距的垂直间距。

现在无论屏幕尺寸如何，您都会有两个并排的按钮，宽度相等，横跨整个屏幕宽度。您可以根据需要修改约束条件。

请注意，如果您单击按钮并转到右侧的检查器，您可以自定义按钮。

编辑

为了让按钮一个一个地放在另一个之上，我会把两个按钮都放在屏幕上，但我会从顶部按钮的约束开始。进行约束时，请始终牢记框架(x 和 y 位置以及宽度和高度)需要完全由约束确定。所以从位置开始。控制从按钮拖动到主视图。例如，您可以选择垂直居中或距上边距的垂直间距来设置 y 位置。控制从按钮向左拖动到 View 并创建一个约束来设置 x 位置，例如前导空间(修复左边距和按钮之间的水平距离)

现在尺寸...对于宽度，您可以做一些事情。您可以控制从按钮到自身的拖动并选择宽度。这会将宽度固定为 Storyboard中的宽度。更好的方法是控制向右拖动到主视图并选择尾随空间(固定从按钮到右边距的间距)。由于您已经通过固定前导空格固定了 x 位置，现在固定了尾随空格，所以宽度只有一种可能同时满足这两个约束。因此没有必要为宽度创建另一个约束。你可以固定高度。

对于第二个按钮，要设置y位置，你可以控制从按钮拖动到上面的按钮，然后选择垂直间距来固定按钮之间的距离。对于 x 位置，您可以控制再次从按钮拖动到上面的按钮并对齐按钮的左边缘。对于大小，您可以控制再次从按钮拖动到上面的按钮，并使它们的高度和宽度相等。所以第二个按钮框架完全由上面的决定。

你也可以像第一个按钮一样基于主视图设置第二个按钮的框架，所以这真的取决于你的风格。有多种设置约束的方法，因此这实际上取决于您的偏好。