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

Question

因此，我正在尝试为应用程序制作启动屏幕。启动屏幕由 2 个文本框和 2 个 UIImageViews 组成。

这是我的草图

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

你能帮我开始设置吗？

Answer 1

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

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

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

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

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

3. 对 TextField 执行相同的操作。

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