如何使用自动布局将内容按屏幕大小的百分比放置 IOS

Posted 2023-02-27

【中文标题】如何使用自动布局将内容按屏幕大小的百分比放置 IOS

【英文标题】：How to use auto-layout to put things in a percentage of a screen size IOS

【发布时间】：2015-09-04 03:03:09

【问题描述】：

所以我正在尝试为应用制作启动屏幕。启动屏幕由 2 个文本框和 2 个 UIImageViews 组成。

这是我的草图

我的问题是我无法让自动布局与屏幕的百分比一起使用，而是它有这些我不知道该怎么做的数字。因此，虽然我知道这两个图像视图是从边缘算起的屏幕宽度的 4 分之一，但我不知道如何将其放置。另外我不知道如何使图像大小在所有设备上占据相同的空间比例。

您能帮我开始设置吗？

【问题讨论】：

添加从子视图到父视图的等宽约束并在乘数字段中设置值

【参考方案1】：

自动布局不支持百分比，但支持纵横比。

您需要添加一个视图并添加您的两个 imageViews 和 textFields 为 ImageViews 添加相等的宽度和高度约束，为 TextField 添加相同的宽度和高度约束

您还可以向 ImageView 添加约束以扩展其余空间，只需添加边距约束以及 ImageView 的相等宽度和高度。

根据需要将宽高比添加到 ImageView 的宽度和 SuperViews 宽度。

您可以将宽高比单独添加到宽度和高度。 正如你在 que 中提到的那样。您可以为屏幕尺寸的 4 倍添加宽高比 4:1。

对 TextField 执行相同操作。

如果您仍然需要帮助，请告诉我，我可以用屏幕截图深入解释。

【讨论】：

如果您不添加我的回答中提到的视图，它也可以工作。

我在执行第二步时遇到了麻烦。我不知道在哪里做这些事情

只需选择一个 View 并按住 Control 并拖动到另一个要在其上创建 Relation for Aspect Ratio 的视图上。并为 Aspect Ratio 赋值或选择这两个视图并单击 Pin 选项并选择 Aspect Ratio 您也可以在分配约束后进行编辑。