用户界面图像视图/UI视图的自动布局宽高比

Question

Answer 1

有时候玩纵横比约束没什么帮助。在这种情况下，使用具有公式的等宽和等高约束，我将用下面的例子来解释。

假设我有一个UIView，它占据了iPhone 5的整个宽度，即320个点。（记住1点= 2像素的视网膜显示）和46点的高度。我想要一个按钮（宽度= 30点，高度= 60点）在这个UIView中，它将根据具有相同宽高比的不同手机调整大小。我将执行控件从按钮拖动到UIView，并首先选择相等的宽度，然后再次使用相等的高度执行相同的操作。在此之后，我将选择约束，并确保第一项是按钮，第二项是 UIView。我将使用此公式来计算乘数：

要计算宽度乘数：60（按钮的宽度）/ 320（UIView的宽度）* 100 = 18.75%

计算高度乘数：30（按钮高度）/46（UIView高度）*100=65.217%

现在输入这个乘数（记得像上面一样使用%年龄符号），这应该会根据不同尺寸的iPhone屏幕调整按钮的大小。

Answer 2

据我所知，您的问题是您想要控制每个不同屏幕尺寸中图像的增加量。你可以控制一切。您需要做的是在图像上分配一个相等的宽度约束。最好是图像的宽度。该关系将与超级视图有关，然后您可以通过添加自己的乘数来更改关系。

你到底需要做什么：

1)选择您的图像视图。

2)按住控制键。按住鼠标，将鼠标从图像视图拖动到外部视图。

3）选择“等于宽度”。

4)在“约束”选项卡中双击您的约束。

5） 确保图像视图显示为第一项，如果不是，请单击第一项并选择“反转第一项和第二项”。

6）使用乘数播放，直到您对预览屏幕上的结果感到满意为止。