自定义UINavigationBar的背景

为了让我们的应用程序更加美观，我们往往希望对iPhone自带的控件进行一点自定义。比如，本文即将要讲述的，给UINavigationBar加一个背景。

最简单的一个自定义方法就是修改一下背景色。方法非常简单，那就是使用它的tintColor属性：

1	self.navigationController.navigationBar.tintColor = [UIColor redColor];

这样就轻松地为UINavigationBar加上了红色的背景色–当然你可以使用任何颜色。下面是模拟器中的测试效果：

另外，就是为UINavigationBar加背景图片。这个稍稍复杂一些–特别是对于iOS 5之前的iOS来说。先说说简单的，iOS 5已经为UINavigationBar增加了一个新的方法-setBackgroundImage:forBarMetrics:，专门用于设置UINavigationBar的背景图片。

那么iOS 4怎么办呢？其实也不难。我们首先创建一个新的UIView对象，然后把这个view插入UINavigationBar的层叠结构中去。

综合一下这两种情况，我们可以用下面的这段代码来解决问题：

1 2 3 4 5 6 7 8 9 10 11 12

UIImage *bg = [UIImage imageNamed:@"navbar"]; UIImageView *imageView = [[UIImageView alloc] initWithImage:bg]; UINavigationBar *bar = self.navigationController.navigationBar; if ([[[UIDevice currentDevice] systemVersion] floatValue] >= 5) { // For iOS 5+ [bar setBackgroundImage:bg forBarMetrics:UIBarMetricsDefault]; } else { // For iOS 4- [bar insertSubview:imageView atIndex:0]; } [imageView release];

下面是模拟器中的测试效果：

我不确定iOS 4下的解决方案是否为最佳，但是这种方法是我能找到的最简单的一种方法，并且也测试可行。如果你有更好的方法，欢迎留言告知。

Update

另外一种适用于iOS 4的方法是在AppDelegate.m中创建一个UINavigationBar的Catagory，覆盖-drawRect:方法，如下：

1 2 3 4 5 6 7 8 9 10 11 12 13 14

@implementation UINavigationBar (CustomImage) - (void)drawRect:(CGRect)rect { UIImage *img = [UIImage imageNamed:@"navbar"]; [img drawInRect:rect]; } @end ... //在后面加入判断是否支持iOS 5的代码，来提供对iOS 5的支持： if ([bar respondsToSelector:@selector(setBackgroundImage:forBarMetrics:)]) { [bar setBackgroundImage:bg forBarMetrics:UIBarMetricsDefault]; }

这种方法将应用到程序中所有的UINavigationBar实例。但是通常来说，是不推荐覆盖系统自带的类中的方法的，所以我并不推荐使用这种方法。