自动布局中的 UIImageView 大小调整 + 所有设备的大小类答案

【问题标题】：UIImageView sizing in AutoLayout + Size classes for all devices自动布局中的 UIImageView 大小调整 + 所有设备的大小类
【发布时间】：2016-04-07 11:45:43
【问题描述】：

我正在开发应用程序，并将第一次使用自动布局/大小类。今天是我学习它的第一天，我现在了解了限制以及如何将图像放置在从 iPhone 4s 到 iPad PRO 的每台设备上的任何位置。

作为我在属性检查器中的主要故事板，我使用的是推断大小。在显示 Assistant Editor、Preview 中，我使用的是all 设备尺寸。

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

现在的问题是这个 UIImageView 覆盖了 iPhone 4s 预览大小的一半，但只有 iPad PRO 大小的 1/5 左右。如何在不更改预览设备中每个UIImageView 的中心位置的情况下将每个UIImageView 的大小更改为我希望它们在每个设备中的大小？

【问题讨论】：

标签： ios xcode uiimageview autolayout size-classes

【解决方案1】：

也许您可以使用挂起或比例约束来代替宽度和高度约束。

【讨论】：

【解决方案2】：

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

设置约束：

点击图钉图标 |-[]-|在屏幕底部。打开所有四个橙色工字梁。将四个常数设置为零。取消选中 Constrain to margins 复选框并单击“添加 4 个约束”

然后设置你的缩放比例：

单击您添加到视图控制器的图像视图。在右侧的属性检查器中，选择您的图像。将视图的模式设置为 Aspect Fill（根据需要填充整个屏幕裁剪顶部/底部或左侧/右侧）或 Aspect Fit（字母框图像，以便整个图像显示为未交叉）。

应该可以的

【讨论】：