Hello,
I'm new to iOS development and am trying to understand the 1x, 2x, 3x image settings for just setting the background image, although my question would certainly apply to any image.
I've created three background images that are 100x100px; 200x200px; 300x300px and imported them into assets.xcassets. They all import into the "1x" setting. So I have three files all sitting at 1x. I assumed that xcode would put the 100x100 into the 1x; 200x200 into the 2x and 300x300 into the 3x.
I see I can drag the visual image from 1x to 2x or 3x, but that doesn't really solve the problem.
How can I get the image into all three columns? Am I creating the base image (using pixelmator) the wrong way?
Appreciate the help!
Heads up to anybody that stumbles on to this with the same problem. The answer is all in the naming nomenclature. so if your base 100x100 image is called background.png. then call the 2x version background@2x.png and the next one background@3x.png.
Then when you import all three images into Assets.xcassets, it shows as a single image but places each one in the appropriate 1x, 2x, 3x column.