Home/ Questions/Q 8351609
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-09T08:41:05+00:00

I am using this code to set custom background image for all UINavigationBars. The

  • 0

I am using this code to set custom background image for all UINavigationBars. The problem is that the final image does not appear to be retina size. I researched UINavigationBars are 640x88px. Thats exact dimensions of my UINavigationBar.png however I only see 320x44px on the iPhone Sim(retina) and my iphone 4 which is also retina.

The code that sets the image:

UIImage *background = [UIImage imageNamed:@"UINavigationBar.png"];
[[UINavigationBar appearance] setBackgroundImage:background forBarMetrics:UIBarMetricsDefault];

Here is a screenshot for illustration:

enter image description here

(the difference is there is no bottom dark line as in Photoshop. I can only see half of the image in the iPhone 5 Simulator (Retina))

My question is why this happens and how can I fix it? Thanks.

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    You need to have two .png files with different size and same name, but with @2x addition in the retina display file.
    For example,

    File 1 for regular display support:
    size- 320×44,
    name- UINavigationBar.png

    File 2 for retina display support:
    size- 640×88,
    name- UINavigationBar@2x.png

    In your code you always use UINavigationBar.png, the device will automatically know witch file to use, according to the hardware.

    • 0