uiimageview 自动布局问题

Posted 2023-02-23

【中文标题】uiimageview 自动布局问题

【英文标题】：Uiimageview autolayout issue

【发布时间】：2016-10-18 09:05:57

【问题描述】：

我有这个图像视图：

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

你能帮帮我吗？

【问题讨论】：

对两个图像视图使用相等的宽度约束 .. 它会起作用

我这样做了，但它不起作用。你能解释得更好吗？

如果我为两个图像视图设置相同的宽度，我会得到：postimg.org/image/wgqzklkwt

***.com/questions/30063548/ios-auto-layout-scale-down/…

我得到了同样的结果（可能是因为图像视图在我的项目中，在滚动视图中）

【参考方案1】：

试试下面提到的自动布局

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

所以为 imageVw1 设置以下约束

主容器视图的前导约束。 主容器视图的垂直约束。 固定高度约束。 imageVw2 的水平约束。

imageVw2 的类似约束

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

重要：为两个 imageView 提供相等的宽度约束。 （此约束用于为两个图像视图分配相等的宽度。否则我们需要提供可变宽度，但我想您需要两个图像具有相等的宽度。所以只需分配相等的宽度约束）。

查看 6sPlus 和 5s 的输出。

希望对你有帮助。

编码愉快...

【讨论】：

我这样做了，但它不起作用。这（postimg.org/image/sxofxlngd）是我和你一样的约束，你检查一下吗？ “Come-arrivare-in-treno.jpg”是第一个图像视图（左）

你能拥有那些项目吗？

你问的是哪个项目？？我的演示项目？

好的，我可以，但目前正在开会。

看看这里的演示项目：github.com/janmenjayarout/Demo

【参考方案2】：

在左侧图像和左侧视图之间建立主要连接。在右侧图像和右侧视图之间建立拖尾连接。在图像之间建立水平间距连接。在一张图像上建立连接并选择纵横比并在另一张图像中重复。建立连接以对齐、y 位置等

【讨论】：

我这样设置你的约束：postimg.org/image/7a7z9665b

【参考方案3】：

第一个 imageView 添加一个前导，比如说 10。然后在第二个 imageView 和第一个 imageView 之间添加一个 10 的间距。将第二个 imageView 的 10 个单位的尾随空间添加到它的 superView。现在将第二个 imageView 设置为与第一个 imageView 具有相同的宽度和高度。

【参考方案4】：

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

如果图像视图的超级视图是滚动视图，则必须设置滚动视图的内容大小属性。 也许你可以通过这个链接。 Adding a view to a scroll view that will stretch to fill available width