Set background image of navigation bar for all bars

Question

since I updated to xcode 4.2 and iOS 5 following code has no effect:

@implementation UINavigationBar (CustomNavBarBG)
-(void)drawRect:(CGRect)rect{
    UIImage *image = [UIImage imageNamed:@"navbar.png"];
    [image drawInRect:CGRectMake(0, 0, self.frame.size.width, self.frame.size.height)];
    self.tintColor = [UIColor colorWithRed:124/255.0 green:177/255.0 blue:55/255.0 alpha:1.0];
}
@end

@implementation MyAppDelegate
//....

This should apply a background image and color to the navigation bar. But since the update I get the default blue color. I use the three20 framework in my project.

Any idea why this does not work? How can I set the background image for all navigation bars at one place and not in every view controller?

What about the update problems? http://stackoverflow.com/questions/15024037/updating-navigation-bar-after-a-change-using-uiappearance — Claus, Feb 22 '13 at 12:28

Totumus Maximus · Accepted Answer · 2011-10-28T13:53:53.243

28

Try setting:

[[UINavigationBar appearance] setBackgroundImage:myImage forBarMetrics:UIBarMetricsDefault];

in your - (void) applicationDidFinishLaunching:(UIApplication *)application

EDIT: Seems helpfull too:

[[UINavigationBar appearance] setTintColor:myColor];

edited Oct 28 '11 at 13:53

answered Oct 27 '11 at 10:15

Totumus Maximus

7,543
6
45
69

ok thanks that works, do you have an idea how I can set the tint color the same way? When I put setTintColor instead setBackgroundImage the method is not found... – DarkLeafyGreen Oct 28 '11 at 13:41
The matter effect I do! [[UINavigationBar appearance] setTintColor:myColor]; – Totumus Maximus Oct 28 '11 at 13:53
actually this is what I do "[[UINavigationBar appearance] setTintColor:[UIColor colorWithRed:124/255.0 green:177/255.0 blue:55/255.0 alpha:1.0]];" but the back buttons in the toolbar are still blue – DarkLeafyGreen Oct 29 '11 at 12:07
for the back button you need a different setting again:D ill look it up for you later. – Totumus Maximus Oct 30 '11 at 01:05

score 2 · Answer 2 · answered Oct 27 '11 at 10:13

There are native methods in ios5 to change the background image. I created a category for this that works on ios 4 & 5. (Dont have the code here atm) but should't be hard to create one.

[navBar setBackgroundImage:image forBarMetrics:UIBarMetricsDefault];

score 1 · Answer 3 · edited May 04 '12 at 17:56

I had the same issue of [[UINavigationBar appearance] setBackgroundImage:myImage forBarMetrics:UIBarMetricsDefault]; which doesn't work on iOS 4 but was working fine on iOS 5. So I tried an alternate solution for it.

image = [UIImage imageNamed:@"yourImageName.png"];
    if([[UINavigationBar class] respondsToSelector:@selector(appearance)]) //iOS >=5.0
    {
        [[UINavigationBar appearance] setBackgroundImage:image forBarMetrics:UIBarMetricsDefault];
    }
    else
    {
        UIImageView *imageView = [[UIImageView alloc] initWithImage:image];
        [self.navigationController.navigationBar addSubview:imageView];
    }

Anton · Answer 4 · 2013-04-20T13:28:16.977

1

I have another solution, because the solution above hiding all buttons on navigation bar

[self.navigationController.navigationBar setBackgroundImage:[UIImage imageNamed:@"navbar.png"] forBarMetrics:UIBarMetricsDefault];

edited Apr 20 '13 at 13:28

answered Apr 20 '13 at 13:22

Anton

3,102
2
28
47

score 1 · Answer 5 · answered Sep 02 '14 at 19:24

If you already have an image set on your UINavigationBar and you would like to change it while your app is running then do this.

UIImage *NavigationPortraitBackground = [UIImage imageNamed:@"red_bg.png"];
[[UINavigationBar appearance] setBackgroundImage:NavigationPortraitBackground forBarMetrics:UIBarMetricsDefault];
[self.navigationController.navigationBar setBackgroundImage:[UIImage imageNamed:@"red_bg.png"] forBarMetrics:UIBarMetricsDefault];

Set background image of navigation bar for all bars

5 Answers5