分享

自定义UINavigationBar的背景

 叹落花 2015-01-30

 为了让我们的应用程序更加美观,我们往往希望对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实例。但是通常来说,是不推荐覆盖系统自带的类中的方法的,所以我并不推荐使用这种方法。

    本站是提供个人知识管理的网络存储空间,所有内容均由用户发布,不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息,谨防诈骗。如发现有害或侵权内容,请点击一键举报。
    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约

    类似文章 更多