Navigation Bar Background Image too big

Question

I am trying to change the background image for my navigation bar using setBackgroundImage: forBarMetrics: in my setting method.

Problem is the image doesn't fit onto the bar, looks like the image is stretched at least double the original size...

The image size is 320 x 44...

I tried rename image to @2x, but it didn't change a thing...

I tried assign this image to navigationItem.titleView but the view got cut off on the edge...

does any one have hint how to set the image so that it won't get stretched?

UINavigationBar *naviBar = [self.navigationController navigationBar];
UIImage *img = [UIImage imageNamed:@"[email protected]"];
[naviBar setBackgroundImage:img forBarMetrics:UIBarMetricsDefault];

Thanks in advance

Answer 1

ok i got it finally!

problem: navigation bar takes images thats 320 x 44 pixels, since each point in iPhone is 2 pixels, if you are using points for navigation bar, the image that you use will look like its stretched 4 times (2x for y, and 2x for x coordinate).

to solve it, simply add file extension @2x to your image file (e.g. [email protected]). You must rename it BEFORE you drag into Xcode! it will NOT work if you try to rename it in Xcode.

ps. DO NOT include @2x in your code, just the file name like so [UIImage imageNamed: @"yourImgName.png"]

hope this helps

Answer 2

You should have two image. One is 320x44 pixles and name as NavBar02.png. Another is 640x88 pixels and name as [email protected].

iOS will select the suitable image based on device's resolution.