我在自动版面设计中遇到问题。我想要两个按钮,如屏幕截图所示。我也希望它们在横向模式下也能正确显示。
1)按钮应水平居中对齐。
2)按钮应具有相等的宽度和高度。
3)按钮在两个方向(横向和纵向)上与超级视图中心的垂直距离均应相等
我在条件3方面有问题。我希望UI在两个方向上的所有大小的设备上都是统一的。
是否可以使用自动布局来实现此目的,或者我需要更新方向更改的约束?
我当时正在考虑在Superview的中心添加另一个视图,并对该视图应用以下约束以实现所需的UI
1)添加另一个大小透明的视图(superview的宽度为1)
2)将水平和垂直中心对齐约束添加到新添加的视图。
3)为新添加的视图添加所有必需的约束,例如宽度,高度和x位置。
现在像这样的两个按钮
4)将底部空间约束添加到具有新添加的视图的按钮1中5)将顶部空间约束添加到具有新添加的视图的按钮2中
这样在所有方向和所有尺寸的设备上都将保持相同。
这种方法不好,因为我们需要添加额外的视图。请建议是否有人有更好的方法/想法
我认为最好的实用解决方案是将按钮嵌入视图中。
因此,请重置所有约束。选择两个按钮,然后将它们嵌入视图中:
设置之后,此视图将始终居中对齐:
此时,您需要设置:
这是我的最终结果:
iPhone 6肖像:
和景观:
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句