如何使用自动布局来调整图像按钮的大小？

Posted 2023-03-08

【中文标题】如何使用自动布局来调整图像按钮的大小？

【英文标题】：How do I use the auto layout to resize image buttons?

【发布时间】：2016-06-19 09:11:24

【问题描述】：

我使用自动布局。真的很酷。但是我在调​​整图像按钮的大小时遇到​​了问题。

我有一个图像按钮。它是为 iPhone 6 设计的。

图片按钮大小为 46px X 46px。

我想通过自动布局调整此按钮的大小。

我认为...图像按钮的宽度 = 46 x (屏幕宽度 / 375)

例如

在 iPhone6 中

图片按钮的宽度 = 46 x (375/375) = 46。

在 iPhone5 中

图片按钮的宽度 = 46 x (320/375) = 39.2

在 iPhone6 中

图片按钮的宽度 = 46 x (414/375) = 50.78...

但是在 Xcode 中.. 我找不到如何使用自动布局来设置这些方法。

只有乘法选项..

例如选择按钮和超级视图...并添加约束+乘法...

但我不喜欢……你能帮帮我吗？

谢谢

【问题讨论】：

你为什么不喜欢它？它做错了什么？

我的错误是....如何使用自动布局设置图像的宽度。我环顾了自动布局...我正在尝试使用等宽功能设置图像按钮的宽度...带有按钮和超级视图...但我不知道如何设置..muliflier 为“屏幕宽度 / 375”

【参考方案1】：

您可以使用乘数将按钮设置为屏幕宽度的百分比（或视图超级视图宽度），您只需选择值即可。

对于您希望在 375 的超级视图上为 46 的按钮，即 46/375 = 0.12 的百分比

您还可以检查 0.12*320 = 38.4 和 0.12*414 = 49.68

在 0.12 中添加任意多的小数位，以获得所需的大小。理想情况下，您会选择在每个设备尺寸下使图像具有整数个像素宽的东西...

【讨论】：

我不知道add 3 equal to width to image's width 是什么意思。是的，首先将乘数设置为0.12 并尝试一下

是的，你需要像 0.122666666666 这样的东西才能接近 46

您可以将乘数设置为比率，Xcode 会为您计算。将乘数设置为46:375。

如果你设置了46:375的比例，那么Xcode会帮你计算。在 iPhone 5 上，宽度为 320*46/375，在 iPhone 6Plus 上，宽度为 414*46/375，当然在 iPhone 6 上为 375*46/375。

nice @vacawama 完全忘记了为正常（不是方面）约束这样做