百分比约束宽度

Posted 2023-03-11

【中文标题】百分比约束宽度

【英文标题】：Percentage constraint width

【发布时间】：2020-03-17 13:44:17

【问题描述】：

我有一个宽度值为 700 的视图。我还在该视图中放置了几个按钮和一个图像。问题正是我问了他们宽度，当设备换成大屏幕设备时，这些对象并没有按需要拉伸。

然后我读到您可以将宽度设置为百分比，以便界面良好。我的按钮的宽度值为 = 32。我将宽度设置为等于 view 并将因子设置为 0.32。但结果并没有改变，而且从外观上看，按钮变得更小了。

如何正确设置百分比宽度，以便按钮自动调整大小以适应此视图的大小？？

【问题讨论】：

请分享您的代码和设计

@Sh_Khan 抱歉，我无法展示设计。但他很简单。宽视图，其上有一个参数为 width = 32 的按钮。有必要以某种方式将其调整为百分比，以便在屏幕上获得良好的显示效果。而且我不为此使用代码。

【参考方案1】：

您想设置相对于超级视图的乘数。

因此，如果您最初将按钮设计为 32 磅宽，并且其父视图（嵌入它的视图）为 700 磅宽，则您的按钮宽度应等于父视图宽度乘以32:700

这是一个示例——我从按钮宽度为 32 和视图宽度为 300 开始，以便更容易看到“拉伸”。

按钮宽度约束为：

Proportional Width to: Superview
Multiplier: 32:300

因此，当我将超级视图的宽度更改为400、500、600、700 时，您可以看到按钮在保持比例的同时拉伸：

【讨论】：

非常感谢您。这就是我需要的。现在我意识到我的错误在于乘数。再次感谢！！