CODEWITHSUNDEEP
objective-ciosxcodepngtiff
Vladimir
Vladimir

Reputation: 9743

Image resources for iOS

I'm probably missing something obvious here, yet I've been unable to solve the following problem:

I have a project with image resources for both normal and retina screens, like someimage.png and [email protected], which are stored in a separate bundle. When I build the project, Xcode automatically packs them into a single multipage tiff (imageName.tiff), I've checked it in finder - it is actually multipage tiff with both images. However, here comes a problem: I struggle to load appropriate resource.

What I do is:

    NSString * imageName = ... ;

    NSLog(@"imageName: %@", imageName);

    UIImage * someImage = [UIImage imageNamed: imageName];

Also I fave auxiliary method, which returns bundle with resources:

   +(NSBundle *) resourcesBundle
   {
         NSBundle *bundle = [NSBundle bundleWithURL:[[NSBundle mainBundle] URLForResource:@"MyResourcesBundle" withExtension:@"bundle"]];
         return bundle;
   }

I've tried following for imageName:

imageName = [[AuxClass resourcesBundle] pathForResource:@"someimage" ofType:@"png"];

in this case i have null for imageName.

imageName = [[AuxClass resourcesBundle] pathForResource:@"someimage" ofType:@"tiff"];

in this case actuall image path is returned, however it only works if I use imageWithContentsOfFile instead of imageNamed, and it doesn't take appropriate resource: it loads resource for retina despite the type of screen.

If I ommit filetype (as I did before adding @2x resources, and it worked ok, and was the first thing I tried and was sure it would work)

imageName = [NSString stringWithFormat: @"%@/%@",
                                  @"MyResourcesBundle.bundle"",
                                  @"someimage" ];

nothing get's loaded.

Adding ".tiff" extension have the same effect as pathForResource: - resource for retina is loaded, disregarding resource for non-retina screen.

So what am I missing? What's the correct way of loading images?

Upvotes: 29

Views: 23930

Answers (5)

Natan R.
Natan R.

Reputation: 5181

When you are creating images for your app, let's say you're creating an image called example.

You should save the following:

  • example~iphone.png -> this is for non retina iPhone
  • [email protected] -> this is for retina iPhone
  • example~ipad.png -> this is for non retina iPad
  • [email protected] -> this is for retina iPad

So, it doesn't matter from where you call it, you just call it this way, assuming myImageView is a UIImageView object:

[myImageView setImage:[UIImage imageNamed:@"example"]];

Apple strongly recommends you to use png images. Also, the OS takes care of finding the correct image for the desired device. You don't need to worry about finding the path and all that stuff. +(UIImage*)imageNamed:(NSString*)name looks for the correct image in your resources bundle - and by the way, to return the bundle with your resources just call [NSBundle mainBundle];

Upvotes: 1

Wildaker
Wildaker

Reputation: 2533

Multipage TIFFs are only for OSX; they don't work on iOS.

So you need to stop trying to access resources that are, by their very nature, inaccessible, and do things the right way!

You need to open the project that generates the external resources bundle, select the target, go to Build Settings and then the Deployment sub-heading, and set "Combine High Resolution Artwork" to No. Then recompile the external resources bundle.

In your main project you should now be able to read in the PNGs in the normal manner.

Upvotes: 11

user2587835
user2587835

Reputation: 21

-> build settings -> COMBINE_HIDPI_IMAGES to NO

this is the only solution that works and no other change is necessary

Upvotes: 2

Resh32
Resh32

Reputation: 6590

Have you tried to simply load the image using:

UIImage * someImage = [UIImage imageNamed: @"someimage"];

(assuming your have an image named 'someimage' in you project, for example someimage.png)

The code will automatically pick retina/non-retina versions depending on the platform.

If the problem is that the TIFF are created, check:

XCode Combine high-resolution artwork

In latest version of XCode, go to the Editor menu, then select "validate settings", which should remove that artwork combination.

Upvotes: 48

casero
casero

Reputation: 121

If you are working with bundles than go to

-> build settings -> COMBINE_HIDPI_IMAGES to NO,

and you just need to clean and build!

Upvotes: 11

Related Questions