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

Question

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

这是我的草图

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

您能帮我开始设置吗？

Answer 1

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

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

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

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

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

3. 对 TextField 执行相同操作。

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