显示在整个屏幕上伸展的两个大按钮

时间:2015-01-16 08:41:14

标签: ios button layout

我想在我的应用程序中只显示两个按钮,这些按钮应该遍布整个屏幕。如果我使用iphone或ipad应该没关系。除此之外,应用程序仅以横向模式呈现。

我正在使用最新版本的xcode和故事板。我发现了一些在互联网上听起来很有前途和搜索的设置,但它对按钮没有任何影响。

1 个答案:

答案 0 :(得分:1)

在情节提要中,转到要添加按钮的视图控制器。在右下角的对象中搜索uibutton,然后将它们拖放到视图上。

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

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

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

修改

要使按钮一个在另一个上面,我会将两个按钮放在屏幕上,但我会从顶部按钮的约束开始。在制定约束时,请始终牢记框架(x和y位置,宽度和高度)需要完全由约束决定。所以从这个位置开始吧。控制从按钮拖动到主视图。您可以从上边距选择垂直或垂直间距,例如设置y位置。从左侧按钮控制拖动视图并创建约束以设置x位置,如前导空格(修复左边距和按钮之间的水平距离)

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

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

您还可以根据主视图设置第二个按钮的框架,类似于第一个按钮,因此它实际上取决于您的风格。有多种方法可以设置约束,因此它实际上取决于您的偏好。