如何制作方形图像视图自动布局

Question

我的单元格包含单个图像视图。如何有这样的成本：左（12）顶（12）右（12）机器人（12）。

它没关系，但我想要的是，保存偏移量（可能摆脱底部偏移），但添加高度=宽度等约束，因此图像将始终为正方形，但是，将始终具有左上角偏移量等于12。

我添加高度=宽度约束图像后没有显示。 图片是从网上下载的，因此无法立即使用。 如何解决？

Answer 1

第1步：选择View和添加4个约束：Top，Left，Right和Aspect Ratio

第2步：选择视图的aspect constraint（例如： - X : Y）

第3步：将乘数设置为1:1，您已全部设置!!!

Answer 2

你的约束似乎很好。 Roy的答案也是正确的（虽然它在横向模式下不能很好地工作，因为图像视图会在屏幕外部绘制，因为它试图在保持顶部，左边和右边距的同时将宽度与高度匹配）。但是你仍然会得到意想不到的结果，因为你已经设置了ImageView的约束，通过下载来获取它的图像。因此，图像视图的内在内容大小由运行时图像的大小定义。

这里你可以做的是强迫你的imageview不要超过它的范围。您只需勾选Interface Builder中的“ Clip To Bounds ”选项即可。

Answer 3

就我而言，我开始优先考虑观点并保持不变，并解决了我的问题。 约束优先级的默认值为1000，您可以将约束值设置得较低一些，以获取所需的视图设计。

您还可以更改常量符号（==，<=，> =）的值来获得所需的设计