不同iOS iPhone尺寸的全屏圖像

Question

我不知道圍繞該主題存在多少個問題，我已經讀了最多的書，也無法找到應該做的普通事情的直接答案。

如何在不同尺寸的手機上處理全屏尺寸的圖像？

當前策略：

我正在使用矢量，因此要在3種不同的圖像資源中創建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 ActualSize：640×1136
• 名稱 ：mypicture-375 比例 ：@ 2 ActualSize ：750 x 1334
• 名稱 ：mypicture-414 比例尺 ：@ 3 ActualSize ：1242 x 2208

以與前面所述相同的方式調用它們。

Answer 1

如何在不同尺寸的手機上處理全屏尺寸的圖像？

通過在不同尺寸的手機上放置完整尺寸的圖像視圖 。 約束將圖像視圖的邊緣綁定到屏幕的邊緣（實際上），從而無論屏幕有多大，它都會填充屏幕。 使用正確的內容模式會使所包含的圖像調整大小以匹配。

如果您需要以某種特殊方式拉伸/平鋪圖像以使其始終准確地填滿屏幕，請使用可調整大小的圖像 。 與資產目錄相比，您可以使用切片功能比在代碼中更強大地進行配置。 例如，下面的屏幕截圖顯示了iPhone 4s和iPhone 7。 盡管尺寸和寬高比有很大差異，但圖像仍會同時填滿屏幕。

Answer 2

320 x 568、375 x 667和414 x 736的比例均為9:16。

因此，您可以在@ 1x處制作一張9 x 16的矢量圖像，這樣就可以了。