ios - 如何正确设置水平 ImageView 的自动布局约束？

Question

我遇到自动布局问题。更具体地说，当你有一个相当复杂(或可能紧凑)的布局时，我对自动布局的工作方式感到困惑。当我尝试进行水平布局时，我什至从未成功过一次。比如我之前试过在storyboard中横向设置两个label，无论怎么操作，在真机上查看都是一团糟。

所以这一次，我的噩梦又来了。这里的截图是我在 Storyboard中设置的 View 。我正在使用自动布局，所以我必须添加约束，我首先做的是为第一个 ImageView (左上角)添加顶部空间约束，它告诉我 View 不明确。这似乎不对，因为在这样的情况下，Xcode 总是告诉我 ImageView 需要 x 位置。但这一次却是“暧昧”。我尝试了很多东西，但无论如何都没有效果。我放弃了手动设置，而是让 Xcode 帮我设置，我点击“重置为建议的约束”，然后设置相等的宽度和高度，然后将 ImageView 设置为 1:1 纵横比。但预览时，还是一团糟。

很明显，我和 Xcode 都无法将布局设置得像预期的那样。这就是为什么我来这里问你们，让我为你们分解一下我的担忧:1. 我应该为所有 ImageView 设置什么约束？2. 我应该为“主题”设置什么限制？3. 我应该为标签设置什么约束(主题下方的描述)？

提前致谢。

Answer 1

问题是什么时候开始

I am using auto layout, so I must add constrains, what I did first is add a top space constrain for the first image view(top left), and it told me views are ambiguous.

因此，当您设置顶部和左侧时，您的 View 知道 x 和 y，但它仍然不知道它需要为自己设置的宽度和高度。这是您下一步应该做的。找出一种方法，使约束可以确定高度和宽度。一个一般的例子会给出一个底部和右侧，固定的宽度和高度等等，这可以是 n 种情况。

set equal width and height, and then set the image views to 1:1 aspect radio

您已将约束设置为相等的宽度和高度以及一些纵横比。此时 ImageView 仍然不知道宽度或高度是多少，因为您从未告诉任何 View 它们应该自行扩展多少。

在为您的 View 设置约束的某个时刻，您需要确保至少一个 View 知道它应该扩展和收缩多少，以便其他 View 可以绕过它。

现在让我们告诉您如何解决这个问题:

1. 设置等宽和等高以及 1:1 的纵横比。
2. 将所有 ImageView 贴在顶部。
3. 将左侧和右侧的 View 分配给边缘附近的 View ，即左侧和右侧的 ImageView
4. 设置垂直和水平中心。
5. 为左上角设置 bottom 和 right 约束，为右下角设置 top 和 left 约束。

现在您应该设置了所有约束并且可以开始使用，因为 ImageView 的其余部分将从您添加的约束中推断出它们自己。