UIImageView / UIView 的自动布局纵横比

Autolayout aspect ratio for UIImageView / UIView

如何为 UIImageView /UIView 设置自动布局,以便 iphone 6 和 6 plus 的图像视图宽度和高度增加一点。我尝试添加约束纵横比,但增加的高度和宽度非常大。无论如何设置图像视图的约束高度和宽度可以手动设置 iphone 6 和 6 plus。看一下屏幕截图,iphone 6 和 6 plus 中的图像视图应该比现在显示的要小一些。

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

您具体需要做什么:

1) Select 您的图像视图。

2) 按住控制键。按住它的同时,将鼠标从图像视图拖动到外部视图。

3) Select 'Equals width'。

4) 在 'Constraints' 选项卡中双击您的约束。

5) 确保图像视图显示为第一项,如果不是请单击第一项并 select 'Reverse first and second item'.

6) 玩乘数,直到您对预览屏幕上的结果满意为止。

有时使用宽高比限制并没有帮助。在这种情况下,使用公式等宽和等高约束,我将在下面举例说明。

假设我有一个 UIView 占据了 iPhone 5 的整个宽度,即 320 点。 (记住 1 点 = 2 像素用于视网膜显示)和 46 点的高度。我想要这个 UIView 中的一个按钮(宽度 = 30 点,高度 = 60 点),它会根据具有相同纵横比的不同手机调整大小。 我将首先控制从按钮拖动到 UIView 和 select 等宽,然后再次使用等高做同样的事情。在此之后,我将 select 约束并确保第一项是按钮,第二项是 UIView。然后我将使用这个公式来计算乘数:

计算宽度乘数: 60(按钮的宽度)/ 320(UIView 的宽度)* 100 = 18.75%

计算身高乘数: 30(按钮的高度)/ 46(UIView 的高度)* 100 = 65.217%

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