不同iOS iPhone尺寸的全屏图像

Question

I am not ignorant of how many questions exist around the topic, I've read most and haven't been able to find a straight answer to what should be a common thing to do.

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

Current strategy:

I'm using vectors so the idea is to create 3 vectors (PDF) in 3 different image assets:

• Name : mypicture-320 Size : 320 x 568
• Name : mypicture-375 Size : 375 x 667
• Name : mypicture-414 Size : 414 x 736

Then when I want to get the image i'll do something in code like (pseudo code):

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

This feels wrong, like there should be a better way by now using only xcassets. Am I missing something?

Related question: If I chose not to use vectors then I'll need the following images:

• Name : mypicture-320 Scale :@2 ActualSize : 640 x 1136
• Name : mypicture-375 Scale :@2 ActualSize : 750 x 1334
• Name : mypicture-414 Scale :@3 ActualSize : 1242 x 2208

Calling them in the same way as described earlier.

Answer 1

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

By putting a full sized image view on the different phone sizes. Constraints tie the edges of the image view to the edges of the screen (in effect), so that it fills the screen no matter how big the screen is. And use of the correct content mode causes the contained image to be resized to match.

If you need the image to stretch/tile in some special way so that it always fills the screen exactly, use a resizable image . With an asset catalog, you can configure this even more powerfully using Slicing than you can in code. For example, the screenshots below show an iPhone 4s and an iPhone 7; the image fills the screen on both, despite the great difference in size and aspect ratio.

Answer 2

320 x 568, 375 x 667 and 414 x 736 all have the same ratio of 9:16.

So you can make one vector image of 9 x 16 at @1x and it will be fine.