ios - 不同 iOS iPhone 尺寸的全屏图像

Question

我并不是不知道围绕这个主题存在多少问题，我已经阅读了大部分内容，但无法找到一个应该是常见事情的直接答案。

如何在不同尺寸的手机上处理全屏尺寸的图像？

当前策略:

我正在使用矢量，所以我的想法是在 3 个不同的图像 Assets 中创建 3 个矢量 (PDF):

• 名称:mypicture-320 尺寸:320 x 568
• 名称:mypicture-375 尺寸:375 x 667
• 名称:mypicture-414 尺寸:414 x 736

然后，当我想获取图像时，我会用代码(伪代码)做一些事情:

if iPhone5 {
    return mypicture-320
}
else if iPhone6 {
    return mypicture-375
}
else if iPhone6Plus {
    return mypicture-414
}

这感觉不对，好像现在只使用 xcassets 应该有更好的方法。我错过了什么吗？

相关问题:如果我选择不使用矢量，那么我将需要以下图像:

• 名称:mypicture-320 比例:@2 实际大小:640 x 1136
• 名称:mypicture-375 比例:@2 实际大小:750 x 1334
• 名称:mypicture-414 比例:@3 实际大小:1242 x 2208

按照前面描述的方式调用它们。

Answer 1

How does one handle full screen sized images on on different phone sizes?

通过在不同尺寸的手机上放置全尺寸图像查看。约束将 ImageView 的边缘绑定(bind)到屏幕的边缘(实际上)，因此无论屏幕有多大，它都会填满屏幕。使用正确的内容模式会导致包含的图像调整大小以匹配。

如果您需要以某种特殊方式拉伸(stretch)/平铺图像以使其始终 完全填满屏幕，请使用resizable image。 .使用 Assets 目录，您可以使用切片比在代码中更强大地配置它。例如，下面的屏幕截图显示了 iPhone 4s 和 iPhone 7；尽管尺寸和宽高比存在很大差异，但图像会填满屏幕。