I have an iPhone application using UINavigationController
and would like to customize the elements with custom background images. I was able to do this for the UINavigationController's
UINavigationBar
pretty easily using Objective-C categories as below:
http://foobarpig.com/iphone/uinavigationbar-with-solid-color-or-image-background.html
I'd like to do the same for the UINavigationController's
UIToolbar
, but the same approach doesn't seem to work (although I have absolutely no idea why not.) I've looked around and people seem to suggest subclassing UIToolbar
, but this isn't possible for the UINavigationController's
toolbar, which is a read-only UIToolbar
. I want to use the UINavigationController's
toolbar instead of just making a subview toolbar because I'm using the slide-in setToolbarHidden
animation.
Anyone have any idea if it's possible to apply a background image to this UINavigationController
toolbar (most likely by somehow overriding the drawRect
method)?
Update:
In iOS 5.0+ you now can use UIAppearance
to customize the navigation bar.
Another way to do this is to simply create a Category for your application's UINavigationBar
class. This was pretty straightforward to implement:
Interface:
@interface UINavigationBar (TENavigationBar)
- (void) drawRect:(CGRect)rect;
@end
Implementation:
@implementation UINavigationBar (TENavigationBar)
- (void) drawRect:(CGRect)rect
{
UIImage *image = [UIImage imageNamed:@"navigation_background"];
[image drawInRect:CGRectMake(0,
0,
self.frame.size.width,
self.frame.size.height)];
}
@end
Then this will be globally applied to all your UINavigationBar
's automatically.
You need to subclass instead of creating a category.
I'm not too sure why a category works for UINavigationBar
but not UIToolbar
, but subclassing works for both of them and I think it's the more standard way of customizing stuff like that.
So to subclass UIToolbar
, create a class called MyToolbar
(or something similar) and put this in the .h:
#import <UIKit/UIKit.h>
#import <Foundation/Foundation.h>
@interface MyToolbar : UIToolbar {}
- (void)drawRect:(CGRect)rect;
@end
And this in the the .m file:
#import "MyToolbar.h"
@implementation MyToolbar
- (void)drawRect:(CGRect)rect {
backgroundImage = [UIImage imageNamed:@"my-awesome-toolbar-image.png"];
[backgroundImage drawInRect:CGRectMake(0, 0, self.frame.size.width, self.frame.size.height)];
}
@end
From there you've got to tell the Navigation Controller to use MyToolbar
instead of UIToolbar
. Easiest way I've found to do that is to select your Navigation Controller in Interface Builder, then in the Attributes Inspector check the 'Shows Toolbar' box. The toolbar should show up in the NavigationController
window. Click on it and then in the Identity Inspector change the class to MyToolbar
.
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With