使用自动布局制作完美的正方形

Using auto-layout to make a perfect square

我有一个视图,里面有一个图像视图。我希望能够使 imageview 始终保持完美的正方形,但我不完全确定如何使用自动布局实现它。

我的屏幕目前是这样的:

无论宽度尺寸如何,图像视图都是我想要的正方形。我知道这可以通过限制来完成,我已经尝试过,但最终无法弄清楚如何实现这一点。这可能是由于我对自动布局、故事板和 ios 一般开发

相对缺乏经验

存在纵横比限制。您可以将其设置为 1:1

如果您使用的是 IB:在故事板中,按住 Control 从图像视图拖动到自身。您将能够设置纵横比约束并将其值 ("multiplier") 设置为 1:1。当然,您也需要以某种方式设置宽度或高度。

根据代码,只需添加另一个约束,使视图的宽度等于视图的高度。

您应该为方形视图设置 4 个约束条件:Top SpacingLeading SpacesTrailing SpacesAspect Ratio。如下所示:

确保正方形的纵横比为 1:1

希望这对自动布局有所帮助,祝你好运!