使用自动布局制作完美的正方形
Using auto-layout to make a perfect square
我有一个视图,里面有一个图像视图。我希望能够使 imageview 始终保持完美的正方形,但我不完全确定如何使用自动布局实现它。
我的屏幕目前是这样的:
无论宽度尺寸如何,图像视图都是我想要的正方形。我知道这可以通过限制来完成,我已经尝试过,但最终无法弄清楚如何实现这一点。这可能是由于我对自动布局、故事板和 ios 一般开发
相对缺乏经验
存在纵横比限制。您可以将其设置为 1:1
如果您使用的是 IB:在故事板中,按住 Control 从图像视图拖动到自身。您将能够设置纵横比约束并将其值 ("multiplier") 设置为 1:1。当然,您也需要以某种方式设置宽度或高度。
根据代码,只需添加另一个约束,使视图的宽度等于视图的高度。
您应该为方形视图设置 4 个约束条件:Top Spacing
、Leading Spaces
、Trailing Spaces
和 Aspect Ratio
。如下所示:
确保正方形的纵横比为 1:1
希望这对自动布局有所帮助,祝你好运!
我有一个视图,里面有一个图像视图。我希望能够使 imageview 始终保持完美的正方形,但我不完全确定如何使用自动布局实现它。
我的屏幕目前是这样的:
无论宽度尺寸如何,图像视图都是我想要的正方形。我知道这可以通过限制来完成,我已经尝试过,但最终无法弄清楚如何实现这一点。这可能是由于我对自动布局、故事板和 ios 一般开发
相对缺乏经验存在纵横比限制。您可以将其设置为 1:1
如果您使用的是 IB:在故事板中,按住 Control 从图像视图拖动到自身。您将能够设置纵横比约束并将其值 ("multiplier") 设置为 1:1。当然,您也需要以某种方式设置宽度或高度。
根据代码,只需添加另一个约束,使视图的宽度等于视图的高度。
您应该为方形视图设置 4 个约束条件:Top Spacing
、Leading Spaces
、Trailing Spaces
和 Aspect Ratio
。如下所示:
确保正方形的纵横比为 1:1
希望这对自动布局有所帮助,祝你好运!