iOS中定制导航栏背景

最新推荐文章于 2023-08-21 14:11:49 发布

First1199

最新推荐文章于 2023-08-21 14:11:49 发布

阅读量1.6k

点赞数

分类专栏：功能代码

功能代码专栏收录该内容

38 篇文章 0 订阅

订阅专栏

一.iOS4中定制导航栏背景

在iOS4中通过重写UINavigationBar的drawRect:方法,可以修改导航栏的背景。

1.使用类别(Category)扩展重写drawRect:


@implementation UINavigationBar(CustomBackground)

- (void)drawRect:(CGRect)rect {
    UIImage *image = [UIImage imageNamed:@"NavBar"];
    [image drawInRect:CGRectMake(0, 0, image.size.width, image.size.height)];
    return;
}

@end

通过类别重写后,其他代码不需做任何更改即可改变导航栏的背景。

2.通过创建UINavigationBar子类重写drawRect:

	
@implementation MyNavigationBar

-(void)drawRect:(CGRect)rect
{
    [super drawRect:rect];
    UIImage *image = [UIImage imageNamed:@"NavBar"];
    [image drawInRect:CGRectMake(0, 0, image.size.width, image.size.height)];
}

@end

一般不建议对UINavigationBar进行子类化，创建UINavigationBar子类后，则相应UINavigationController都需要将设置为使用导航栏子类。

想定制导航栏吗？从iOS5开始你就可以改变导航栏的背景图片、tintcolor或者标题文本。

这里我们将介绍如何在Xcode中定制导航栏。

在iOS5及之后的版本，UINavigationController提供了initWithNavigationBarClass:toolbarClass:方法在导航控制器中使用定制的导航栏和工具栏子类。

在iOS4版本中，可以通过XIB的方式设置UINavigationController中导航栏子类，具体见这里。

二. iOS5及以后版本中定制导航栏背景

从iOS5开始,UINavigationBar默认不再调用drawRect:方法，如 iOS SDK Release Notes for iOS 5.0中所述。

In iOS 5, the UINavigationBar, UIToolbar, and UITabBar implementations have changed so that the drawRect: method is not called unless it is implemented in a subclass. Apps that have re-implemented drawRect: in a category on any of these classes will find that the drawRect: method isn’t called. UIKit does link-checking to keep the method from being called in apps linked before iOS 5 but does not support this design on iOS 5 or later. Apps can either:

Use the customization API for bars in iOS 5 and later, which is the preferred way.

Subclass UINavigationBar (or the other bar classes) and override drawRect: in the subclass.

iOS5版本中UINavigationBar类中不再调用drawRect:方法,但在UINavigationBar子类中drawRect:仍会被调用。所以上述通过类别(Category)扩展重写drawRect:的方法失效,而创建UINavigationBar子类的方法仍然有效,但仍然是不建议使用。

从iOS5版本来时，新增了可定制导航栏Appearance的一系列API，如可通过setBackgroundImage:forBarMetrics:设置单个导航栏的背景。
也可通过[UINavigationBar appearance]获取appearance代理来设置所有导航栏的背景，具体可见UIAppearance Protocol Reference

这样,在iOS5中可以使用Appearance API,在ViewDidLoad:中修改单个导航栏的背景


- (void)viewDidLoad
{
    [super viewDidLoad];

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

}

三.兼容iOS4和iOS5的处理方法

对于同时需要支持iOS4及iOS5版本的APP来说,则需要同时使用重写drawRect:和使用Appearance的方式,而且导航栏的背景图应该是可以随时配置的。所以我们将上述两种方法都集成到到类别(Category)扩展中,使用Associative References来存储设置的背景图。代码如下:

#import "UINavigationBar+CustomBackground.h"
#import <objc/runtime.h>

static char backgroundImageKey;

@implementation UINavigationBar (CustomBackground)

// iOS5 之前的版本调用
- (void)drawRect:(CGRect)rect {
    UIImage *image = objc_getAssociatedObject(self, &backgroundImageKey);
    if (!image) {
        image = [UIImage imageNamed:@"NavBar"];
        objc_setAssociatedObject(self, &backgroundImageKey, image, OBJC_ASSOCIATION_RETAIN);
    }
    [image drawInRect:CGRectMake(0, 0, image.size.width, image.size.height)];
    return;
}

-(void)setBackgroundImage:(UIImage *)backgroundImage;
{
    if ([self respondsToSelector:@selector(setBackgroundImage:forBarMetrics:)]) {
        [self setBackgroundImage:backgroundImage forBarMetrics:UIBarMetricsDefault];
    }else{
        objc_setAssociatedObject(self, &backgroundImageKey, backgroundImage, OBJC_ASSOCIATION_RETAIN);
        [self setNeedsDisplay];
    }
}

-(UIImage*)backgroundImage
{
    if ([self respondsToSelector:@selector(backgroundImageForBarMetrics:)]) {
        return [self backgroundImageForBarMetrics:UIBarMetricsDefault];
    }else{
        return objc_getAssociatedObject(self, &backgroundImageKey);
    }
}

@end

增加上述代码到项目后，我们可以使用[navBar setBackgroundImage:image]设置导航栏背景图。

对于iOS4,此方法会将image保存到关联对象中,然后调用setNeedsDisplay要求导航栏重绘，在重绘调用drawRect:时新的导航栏背景就会生效;

对应iOS5及以上版本,则直接使用setBackgroundImage:forBarMetrics:设置背景图。

四.在不同页面切换导航栏背景

有时需要在同一个Navigation Controller下各个子页面使用不同的导航栏背景,但所对应的导航栏对象实际只有一个,这就涉及到导航栏背景图的保存、更改与恢复。比如有这样的需求,在Navigation Controller下有三个子页面:MainViewController、ViewController2、ViewController3,其中MainViewController和ViewController3的导航栏背景为默认值,即上述代码中的NavBar,ViewController2的导航栏背景图为BlackNavBar;在ViewController2上还可以present一个新页面PresentViewController。

MainViewController,ViewController3的导航栏背景为默认,其代码不用有任何修改。ViewController2的导航栏背景为新背景图,则需要做导航背景图的保存,设置及恢复操作

1.保存导航栏背景

在viewDidLoad方法中保存原始的导航栏背景。


@implementation ViewController2{
    UIImage *savedNavBarImage;
}
- (void)viewDidLoad
{
    [super viewDidLoad];
    savedNavBarImage = [self.navigationController.navigationBar backgroundImage];
    ...
}

2.设置新导航栏背景

每次viewWillAppear:时设置新导航背景图。


-(void)viewWillAppear:(BOOL)animated
{
    [super viewWillAppear:animated];
    [self.navigationController.navigationBar setBackgroundImage:[UIImage imageNamed:@"BlackNavBar"]];
}

3.恢复导航栏背景

重点在于何时恢复导航栏背景,在Navigation Controller push一个新页面或者当前页面被pop的时候,需要恢复导航栏背景。而在当前页面上present一个新页面时不能修改导航栏。

当Navigation Controller pop或push时，在当前页面的viewWillDisappear:方法中Navigation Controller的viewControllers已更新，通过判断当前Navigation Controller的viewControllers的内容可以区分出当前页面消失时是在进行pop、push操作还是在进行present操作。

-(void)viewWillDisappear:(BOOL)animated
{
    [super viewWillDisappear:animated];
    NSUInteger index = [self.navigationController.viewControllers indexOfObject:self];
    if (index == NSNotFound || index == self.navigationController.viewControllers.count-2) {//pop 或者push
        [self.navigationController.navigationBar setBackgroundImage:savedNavBarImage];
    }
}

上述代码有一个假定，即在viewWillDisappear:时self.navigationController仍然指向当前的Navigation Controller,没有被置nil。但实际并非如此,在iOS4,iOS5版本中,以非动画的方式pop时(即调用popViewControllerAnimated:或popToRootViewControllerAnimated:方法时,传递参数为NO)在当前页面的viewWillDisappear:时self.navigationController为nil;在这种情况下需要通过其他方式获取到当前的Navigation Controller。

在上述情况下,尽管self.navigationController为nil,在self.view.superView仍然指向Navigation Controller中的view,我们可通过self.view.superView定位到其所属的viewController,即为当前的Navigation Controller。

通过view获取到其所属的viewContoller可通过向上逐级遍历nextResponder的方式实现,如下扩展UIView：


@implementation UIView (ViewController)

-(UIViewController*)viewController{
	UIResponder *responder = [self nextResponder];
	while (responder) {
		if ([responder isKindOfClass:[UIViewController class]]) {
			return (UIViewController*)responder;
		}
		responder = [responder nextResponder];
	}
	return nil;
}

@end

这样,上述恢复导航栏背景的代码可修改为:


-(void)viewWillDisappear:(BOOL)animated
{
    [super viewWillDisappear:animated];

    UINavigationController *navController = self.navigationController;
    //hack:ios5及之前版本在非动画方式pop时self.navigationController为nil,通过其他途径获取导航控制器
    if (!navController) {
        UIViewController *parentController = [self.view.superview viewController];
        if ([parentController isKindOfClass:[UINavigationController class]]) {
            navController = (UINavigationController*)parentController;
        }
    }

    NSUInteger index = [navController.viewControllers indexOfObject:self];
    if (index == NSNotFound || index == self.navigationController.viewControllers.count-2) {//pop 或者push
        [navController.navigationBar setBackgroundImage:savedNavBarImage];
    }
}

五.iOS6下的状态栏颜色

在iOS6下,如果statusBarStyle为UIStatusBarStyleDefault的话,则状态栏的颜色会自动随着导航栏的颜色变化而变化,其颜色为导航栏的平均颜色;如果修改StatusBarStyle为UIStatusBarStyleBlackOpaque或UIStatusBarStyleBlackTranslucent后就固定为不透明黑色和透明黑色,不再随导航栏变化了。