繁体   English   中英

如何将四个按钮水平和垂直居中?

[英]How can I center four buttons horizontally and vertically?

我想将四个按钮水平和垂直居中。
每个按钮稍后都将获得背景图像,因此,我认为重要的是纵横比应保持大致相同,否则图片将不适合按钮。

屏幕截图如下所示: 在此处输入图片说明

所有按钮的大小均相同,并应占用尽可能多的空间(小边距,大约10像素,如果可能,不要更多)。 我不知道如何设置应用程序在所有设备(iPhone 5s和iPad 10.5“)上看起来都不错的约束。
该应用程序不一定必须在所有定向模式下运行。

我该如何设置约束?

可以很容易地将此​​问题简化为使最大正方形位于其视图中心的问题。 您只需四个约束即可轻松实现:

在此处输入图片说明

其余部分-按钮网格-恰好落入您的膝盖。 例如,让我的蓝色视图成为一个包含两个UIStackViews的UIStackView,并且有您的网格。 或者,您也可以自己在显式约束下进行操作。

如果此应用程序可以旋转,则可能需要两组约束,一组用于宽度小于高度的约束,另一组用于高度小于宽度的约束。 然后,您将不得不在代码中交换它们。 但这是另一个问题,并不难。

将它们添加到UIStackView中,以便将它们水平放置,将水平值用作属性,您可以使用UIStackView的分布,对齐方式和其他属性对其进行自定义。 这是最简单的方法

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM