Uiimageview 自动布局问题

Question

我有这个图像视图：

我希望对于每个设备，第一个图像视图和左侧之间的距离是相同的，然后第一个图像视图和第二个图像视图之间的距离是相同的，第二个图像视图和右边框之间的距离是相同的。本质上它必须根据设备的屏幕尺寸来增加宽度，但我无法通过情节提要上的自动布局来做到这一点。

你能帮我吗？

Answer 1

按照下面提到的方式尝试自动布局

假设您的两个图像视图是 imageVw1 和 imageVw2 考虑 imageVw1 剩下一个。

因此对 imageVw1 设置以下约束

1. 主容器视图的主要约束。
2. 主容器视图的垂直约束。
3. 固定高度约束。
4. imageVw2 的水平约束。

imageVw2 的类似约束

1. 主容器视图的尾随约束。
2. 主容器视图的垂直约束。
3. 固定高度约束。
4. imageVw2 的水平约束。

重要： 为两个 imageView 提供相等的宽度约束。 （这个约束是为了为两个图像视图分配相等的宽度。否则我们需要给出可变的宽度，但我猜你需要两个图像的宽度相等。所以只需分配相等的宽度约束）。

查看 6sPlus 和 5s 的输出。

Answer 2

在左图像和左侧视图之间建立主要连接。在右图像和右侧视图之间建立尾部连接。在图像之间建立水平间距连接。在一张图像上建立连接并选择宽高比，然后在另一张图像中重复它。进行连接以对齐、y 位置等

Answer 3

第一个 imageView 添加前导（例如 10）。然后在第二个 imageView 和第一个 imageView 之间添加 10 的间距。将第二个 imageView 的尾部空格添加到其 superView 的 10 个单位。现在将第二个 imageView 设置为与第一个 imageView 具有相同的宽度和高度。

Answer 4

您需要为左右图像设置相等的宽度属性。这可以通过同时选择两个图像并检查“相等宽度”标志来完成。 您还应该将左图像的前导空间固定为以“x”偏移量进行查看，并将左图像的尾部空间固定为右图像的“x”偏移量。还将右图像的尾随空间固定到视图尾随的“x”偏移量。

如果图像视图的超级视图是滚动视图，则必须设置滚动视图的内容大小属性。 也许您可以通过此链接。 向滚动视图添加一个视图，该视图将拉伸以填充可用宽度