CODEWITHSUNDEEP
iphoneipaduniversal-binary
shannoga
shannoga

Reputation: 19869

Use @2x retina images for ipad in universal app? and does apple prefer native apps?

I know there were some discussions about this but i could not find good answer?

My questions are -

  1. I know that -

      [UIImage imageNamed:@"blabla"]

will automatically search for the correct image to display (retina or not) on iPhone.

I have a Universal app, and i wish to use the @2x versions on the ipad so i wont have to load an other version of the images (I have hundreds of small images).

is it possible ?

thanks

shani

Upvotes: 12

Views: 20115

Answers (4)

Bogatyr
Bogatyr

Reputation: 19323

There is no good built-in way of not duplicating the higher res iphone retina images for the iPad. You could write your own UIImage extension or subclass that uses the user interface idiom macro to determine your platform, then automatically append "@2x" to the image name:

+ (UIImage *) imageNamedSmart:(NSString *)name
{
    if ( UI_USER_INTERFACE_IDIOM() == UIUserInterfaceIdiomPad )
        return [UIImage imageNamed:[NSString stringWithFormat:@"%@@2x.png", name]];
    return [UIImage imageNamed:[NSString stringWithFormat:@"%@.png", name]];
}

and you'd call it like this:

[UIImage imageNamedSmart:@"myImage"]

Upvotes: 17

JohannaVL
JohannaVL

Reputation: 761

If you're loading an image named "image" the search paths are likely to be the same as they've always been:

iPhone:

  • 1) image@2x~iphone.png (retina only)
  • 2) [email protected] (retina only)
  • 3) image~iphone.png
  • 4) image.png

iPad:

  • 1) image@2x~ipad.png (retina only)
  • 2) [email protected] (retina only)
  • 3) image~ipad.png
  • 4) image.png

Upvotes: 66

Chilly
Chilly

Reputation: 753

I improved on Bogatyr's answer by checking if the retina image exists. Probably not overly necessary, but I found it useful when testing so I can just create one image file.

+ (UIImage *) imageNamedSmart:(NSString *)name {
    NSFileManager *fileManager = [[[NSFileManager alloc] init] autorelease];
    NSString *retinaFileName = [NSString stringWithFormat:@"%@@2x", name];

    NSString *filePath = [[NSBundle mainBundle] pathForResource:retinaFileName ofType:@"png"];

    if ( UI_USER_INTERFACE_IDIOM() == UIUserInterfaceIdiomPad && [fileManager fileExistsAtPath:filePath]) {
        return [UIImage imageNamed:[retinaFileName stringByAppendingString:@".png"]];
    }
    return [UIImage imageNamed:[NSString stringWithFormat:@"%@.png", name]];
}

Upvotes: 3

Starter
Starter

Reputation: 86

Maybe you can duplicate all images resources [email protected] to image~ipad.png. Be careful to the case of "~ipad.png". But you have to manually manage stretched image with Cap (stretchableImageWithLeftCapWidth: topCapHeight:).

Upvotes: 0

Related Questions