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

时间:2015-03-17 19:53:58

标签: ios xcode swift autolayout uistoryboard

我有一个带有imageview的视图。我希望能够做到这一点,使得imageview始终保持完美的正方形,但我不完全确定如何使用autolayout实现这一点。

我的屏幕目前看起来如此:

enter image description here

无论宽度尺寸如何,imageview都是我想要的正方形。我知道这可以通过约束来完成,我已经尝试过,但最终还是无法弄清楚如何实现这一点。这可能是由于我对自动布局,故事板和ios开发的相对缺乏经验

3 个答案:

答案 0 :(得分:14)

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

确保方块的宽高比为1:1 enter image description here

希望这对Auto Layout有所帮助并祝你好运!

答案 1 :(得分:1)

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

答案 2 :(得分:0)

如果你正在使用IB:在故事板中,控制 - 从图像视图拖动到自身。您将能够设置宽高比约束并将其值(“乘数”)设置为1:1。当然,你也需要以某种方式设置宽度或高度。

从代码中,只需添加另一个约束,以便视图的宽度等于视图的高度。