在 Interface Builder 中,如何正确调整此图像的大小以使其特定于设备?

In Interface Builder, how I do to resize correctly this image to make it device specific?

我正在使用 Auto Layout 功能,我想知道是否可以针对不同的屏幕尺寸使用不同的图像尺寸。

这是我的 Storyboard 文件的样子。

如您所见,有一个一个人的图像。如何使每个屏幕尺寸的图像尺寸保持 比例 ?让我解释一下。

在 iPhone 4" 上,人像看起来应该比在 iPhone 5.5" 上小一点。这可能吗?

在 iPhone 3.5" 上,图像应该看起来 small。在 iPhone 4" 上,相同的图像应该看起来 a大一点。在 iPhone 4.7" 上它应该看起来 更大 ,依此类推。

设置约束没有帮助,

请看下图:

有两个 iPhone 并且人物图像在两个设备上看起来应该不同。在 iPhone 4S 上,图像应该看起来更小,以很好地适应大灰点,而在 iPhone 6 Plus 上,人物图像应该看起来更大,以充分利用其屏幕尺寸。

有什么办法吗?

谢谢。

所以,您必须先了解什么是 AutoLayoutSize ClassAutoLayout 基本上可以帮助您放置 UI 元素。 尺寸 Class 使您能够控制在不同屏幕尺寸上添加的约束。

您需要做的是针对不同的屏幕设置不同版本的约束。您可以在辅助编辑器(右侧面板)中看到选项。他们让您可以选择申请 "All Size Classes" 或 "This Size Class"。

最好你去看看文档和 WWDC 视频。它有完整的解释:https://developer.apple.com/library/ios/recipes/xcode_help-IB_adaptive_sizes/chapters/EnablingAdaptiveSizeDesign.html