按钮与预期的iOS Autolayout不完全相同

时间:2018-06-06 16:28:32

标签: ios autolayout constraints

我试图制作"两个等宽按钮"正如它在Apple Auto Layout Guide中描述的那样。

https://developer.apple.com/library/archive/documentation/UserExperience/Conceptual/AutolayoutPG/ViewswithIntrinsicContentSize.html#//apple_ref/doc/uid/TP40010853-CH13-SW1

在界面构建器(Main.storyboard)的预览中看起来没问题。但是当我尝试更换设备时,我发现某些设备的宽度不同。 我该如何解决这个问题?如何通过使用约束或其他技术为所有设备制作相等宽度的按钮?

更新的例子:

宽度还可以

width is ok

宽度不合适

width is not ok

Width is ok

Width is not ok

2 个答案:

答案 0 :(得分:1)

将您的按钮放在UIStackView水平线内,并将distribution属性设为FILL EQUALLY

查看此tutorial以获取更多示例。

答案 1 :(得分:1)

按钮的宽度没有问题。由于两个按钮之间的差异为0.5,因此可能无法显示相等的宽度。

只需手动检查两个按钮的宽度,它们之间可能没有差异,超过1点。

看看这个快照:

iPhone 5

docs

iPhone 8

enter image description here

iPhone X

enter image description here

enter image description here

enter image description here