UIImageView在所有设备的AutoLayout + Size类中调整大小

时间:2016-01-03 20:45:28

标签: ios xcode uiimageview autolayout size-classes

我正在开发应用程序,并将第一次使用自动布局/大小类。今天我的第一天学习它,我现在理解约束,以及如何将图像放在我希望它们在iPhone 4s到iPad PRO的每个设备上。

作为属性检查器中的主要故事板,我使用的是INFERRED大小。在展示助理编辑预览中,我使用all设备尺寸。

在我的inferred故事板中,我使用UIImageView尺寸 170宽度 230高度。然后我使用AutoLayout使其成为预览中每个设备屏幕的中心。

现在的问题是这个UIImageView涵盖了iPhone 4s预览大小的HALF,但只有iPad PRO大小的1/5。如何在不更改预览设备中每个UIImageView的居中位置的情况下,将每个UIImageView的大小更改为我希望它们在每个设备中的大小?

2 个答案:

答案 0 :(得分:1)

您需要先正确设置约束,然后选择所需的缩放类型。

设置约束:

点击Pin图标| - [] - |在屏幕的底部。打开所有四个橙色工字梁。将四个常量设置为零。 取消选中“限制到边距”复选框,然后单击“添加4个约束”

然后设置缩放比例:

单击您添加到View Controller的图像视图。 在右侧的“属性”检查器中,选择您的图像。 将“视图模式”设置为“纵横填充”(根据需要填充整个屏幕顶部/底部或左/右裁剪)或“纵横比拟合”(信箱图像,以便整个图像不显示)。

那应该有用

答案 1 :(得分:0)

也许你可以使用挂起或比例约束而不是宽度和高度约束。

pending

proportion

相关问题