Make image fit UINavigationBar bar

Question

I got this image that I want to use in my navigation controller:

enter image description here

I'm setting it like this(following advice from this question):

UINavigationBar *theBar = self.navigationController.navigationBar;
if ( [theBar respondsToSelector:@selector(setBackgroundImage:forBarMetrics:)] ) {
    UIImage *image = [UIImage imageNamed:@"cabecalho.jpg"];
    [theBar setBackgroundImage:image forBarMetrics:UIBarMetricsDefault];
}

But when I run my app, I get this:

enter image description here

What do I do so my image can fit the navigation controller?

Thank you.

I had the same issue and basically created the image to be the same width as the navbar - is this not an option for you? — Jai Govindani, Apr 03 '13 at 04:00
It looks that your image dimension is less than 320 the width of navigation bar, if the image is small it will repeat in the background, make sure your image width is 320 px, or, 640 px for Retina.. — iphonic, Apr 03 '13 at 04:13
Here is your answer http://stackoverflow.com/questions/1692487/how-to-add-background-image-on-iphone-navigation-bar . The code you are trying will only work on >=iOS 5.0 not below.. you can subclass Navigation bar and draw the image.. — iphonic, Apr 03 '13 at 04:29
Just make it in 320*44 size. it will fit on navigation bar. otherwise it will not work — Monish Bansal, Apr 03 '13 at 04:16

score 2 · Answer 1 · edited May 23 '17 at 11:59

2

Try with following code

[self.navigationBar setBackgroundColor:[UIColor colorWithPatternImage:[UIImage imageNamed:@"myImage.png"]]];

Refer How to add background image on iphone Navigation bar? this question that may be helpful for you.

edited May 23 '17 at 11:59

Community

1
1

answered Apr 03 '13 at 04:10

iPatel

46,010
16
115
137

I added this code to the viewWillAppear method of the view that contains the navigation controller, but now it shows me no image at all. – gabsferreira Apr 03 '13 at 04:20
Well of course you have to change the code so that it refers to *your* image. – matt Apr 03 '13 at 04:21
I did that but it didn't work. I found a solution and will post it here. Thank you. – gabsferreira Apr 03 '13 at 04:24
Thank you @iPatel, your answer helped me to solve the problem. – gabsferreira Apr 03 '13 at 04:27

score 0 · Accepted Answer · edited Nov 01 '21 at 04:28

0

I found the solution following the example of this question.

When I create my UINavigationController, I do this:

UINavigationController *nav = [[UINavigationController alloc] initWithRootViewController:viewLista];

if ([nav.navigationBar respondsToSelector:@selector(setBackgroundImage:forBarMetrics:)] ) {
    UIImage *image = [UIImage imageNamed:@"cabecalho.png"];
    [nav.navigationBar setBackgroundImage:image forBarMetrics:UIBarMetricsDefault];
}

edited Nov 01 '21 at 04:28

Nimantha

6,405
6
28
69

answered Apr 03 '13 at 04:26

gabsferreira

3,089
7
37
61

Your code will only work >=iOS5.0.. Its ok if you are not supporting iOS<5.0, else you need to change your code.. – iphonic Apr 03 '13 at 04:30
Right, I'm using iOS6 at the moment. – gabsferreira Apr 03 '13 at 04:34

Make image fit UINavigationBar bar

2 Answers2