在整个屏幕上显示两个大按钮
Display two large buttons stretched over the entire screen
我想在我的应用程序中只显示两个按钮,它们应该在整个屏幕上拉伸。我使用 iphone 还是 ipad 应该无关紧要。除此之外,该应用程序仅以横向模式显示。
我正在使用最新版本的 xcode 和故事板。我发现了一些听起来很有希望的设置并在互联网上搜索,但它对按钮没有影响。
在情节提要中,转到要向其添加按钮的视图控制器。在右下角的对象中搜索 uibuttons 并将它们拖放到视图上。
现在您需要添加约束。假设您希望按钮并排并以相等的宽度跨越屏幕。按住 control,单击左 ui 按钮,然后向左拖动到视图。单击左边距的水平间距。将出现一条蓝线。如果单击它并查看检查器,则可以确保水平间距为 0。对右侧的 uibutton 执行相同的操作,但要有右边距。接下来,控制从左按钮拖动到右按钮和 select 等宽。最后,您可以控制从左按钮拖动到自身和 select 高度以固定 height.do 与右按钮相同。您还需要通过控件向上拖动到视图和与上边距的 select 垂直间距来为按钮提供 y 位置。
现在无论屏幕尺寸如何,您都会有两个并排的按钮,宽度相等,横跨整个屏幕宽度。您可以根据需要修改约束条件。
请注意,如果您单击按钮并转到右侧的检查器,您可以自定义按钮。
编辑
为了让按钮一个在另一个之上,我会将两个按钮都放在屏幕上,但我会从顶部按钮的约束开始。进行约束时,请始终牢记框架(x 和 y 位置以及宽度和高度)需要完全由约束确定。所以从位置开始。控制从按钮拖动到主视图。例如,您可以 select 从上边距垂直居中或垂直间距来设置 y 位置。控制从按钮向左拖动到视图并创建约束以设置 x 位置,例如前导 space(固定为左边距和按钮之间的水平距离)
现在尺寸...对于宽度,您可以做一些事情。您可以控制从按钮到自身的拖动和 select 宽度。这会将宽度固定为故事板中的宽度。更好的方法是控制向右拖动到主视图和 select 尾随 space(固定从按钮到右边距的间距)。由于您已通过固定前导 space 和现在固定尾随 space 来固定 x 位置,因此宽度只有一种可能同时满足这两个约束。因此没有必要为宽度创建另一个约束。你可以固定高度。
对于第二个按钮,要设置y位置,您可以控制从按钮到上面按钮的拖动和select垂直间距来固定按钮之间的距离。对于 x 位置,您可以控制再次从按钮拖动到上面的按钮并对齐按钮的左边缘。对于大小,您可以控制再次从按钮拖动到上面的按钮,并使它们的高度和宽度相等。所以第二个按钮框架完全由上面的决定。
你也可以像第一个按钮一样根据主视图设置第二个按钮的框架,所以这真的取决于你的风格。有多种设置约束的方法,因此这实际上取决于您的偏好。
我想在我的应用程序中只显示两个按钮,它们应该在整个屏幕上拉伸。我使用 iphone 还是 ipad 应该无关紧要。除此之外,该应用程序仅以横向模式显示。
我正在使用最新版本的 xcode 和故事板。我发现了一些听起来很有希望的设置并在互联网上搜索,但它对按钮没有影响。
在情节提要中,转到要向其添加按钮的视图控制器。在右下角的对象中搜索 uibuttons 并将它们拖放到视图上。
现在您需要添加约束。假设您希望按钮并排并以相等的宽度跨越屏幕。按住 control,单击左 ui 按钮,然后向左拖动到视图。单击左边距的水平间距。将出现一条蓝线。如果单击它并查看检查器,则可以确保水平间距为 0。对右侧的 uibutton 执行相同的操作,但要有右边距。接下来,控制从左按钮拖动到右按钮和 select 等宽。最后,您可以控制从左按钮拖动到自身和 select 高度以固定 height.do 与右按钮相同。您还需要通过控件向上拖动到视图和与上边距的 select 垂直间距来为按钮提供 y 位置。
现在无论屏幕尺寸如何,您都会有两个并排的按钮,宽度相等,横跨整个屏幕宽度。您可以根据需要修改约束条件。
请注意,如果您单击按钮并转到右侧的检查器,您可以自定义按钮。
编辑
为了让按钮一个在另一个之上,我会将两个按钮都放在屏幕上,但我会从顶部按钮的约束开始。进行约束时,请始终牢记框架(x 和 y 位置以及宽度和高度)需要完全由约束确定。所以从位置开始。控制从按钮拖动到主视图。例如,您可以 select 从上边距垂直居中或垂直间距来设置 y 位置。控制从按钮向左拖动到视图并创建约束以设置 x 位置,例如前导 space(固定为左边距和按钮之间的水平距离)
现在尺寸...对于宽度,您可以做一些事情。您可以控制从按钮到自身的拖动和 select 宽度。这会将宽度固定为故事板中的宽度。更好的方法是控制向右拖动到主视图和 select 尾随 space(固定从按钮到右边距的间距)。由于您已通过固定前导 space 和现在固定尾随 space 来固定 x 位置,因此宽度只有一种可能同时满足这两个约束。因此没有必要为宽度创建另一个约束。你可以固定高度。
对于第二个按钮,要设置y位置,您可以控制从按钮到上面按钮的拖动和select垂直间距来固定按钮之间的距离。对于 x 位置,您可以控制再次从按钮拖动到上面的按钮并对齐按钮的左边缘。对于大小,您可以控制再次从按钮拖动到上面的按钮,并使它们的高度和宽度相等。所以第二个按钮框架完全由上面的决定。
你也可以像第一个按钮一样根据主视图设置第二个按钮的框架,所以这真的取决于你的风格。有多种设置约束的方法,因此这实际上取决于您的偏好。