I'm trying to set a background image for my app that will scale to fill the 4, 4.7, and 5.5 inch screens. I'm working in XCode 6 with swift I created a 640 x 1136 image, and pasted @1x, @2x, and @3x images in my images.xcasetts folder. I selected the 'scale to fill' mode for the image view. I created a UIImage in the main.storyboard file for the 4 inch screen. This image fills the screen just fine when I build. I think I've tried just about every combination of height / width / aspect ratio constraints with no luck.

iosswiftuiimage

rcrusoe

Reputation: 451

iOS full screen background image for all screen sizes

I'm trying to set a background image for my app that will scale to fill the 4, 4.7, and 5.5 inch screens.

I'm working in XCode 6 with swift
I created a 640 x 1136 image, and pasted @1x, @2x, and @3x images in my images.xcasetts folder. I selected the 'scale to fill' mode for the image view.
I created a UIImage in the main.storyboard file for the 4 inch screen. This image fills the screen just fine when I build.
I think I've tried just about every combination of height / width / aspect ratio constraints with no luck.

Upvotes: 6

Answers (2)

Allen

Reputation: 196

The 4 and 4.7 use @2x, 5.5 used @3x, please see the screenshot detail.

Screenshot

You can download the PDF that is the origin of this screenshot from Ugur Akdemir's Dribble.

Upvotes: 10

qwerty-reloader

Reputation: 201

You can use this solution: http://codemotionapps.com/get-assets-ready-ios8-iphone-6-plus/

I created vector gradient in free Inkscape editor and export to PDF (my PDF file size is 4Kb). Then I add this PDF to Images.xcassets in my project and selected it. In Attributes inspector for Scale Factors choose Single Vector. When the app is compiled the PDF generates PNGs for all nesesery resolutions @1x, @2x, @3x and others :-)

Upvotes: 0

iOS full screen background image for all screen sizes

Answers (2)

Related Questions