iOS 导航栏设置背景图片、自定义返回按钮,状态栏颜色变换

状态栏颜色修改

状态栏(电池时间栏)两个颜色,黑色或者白色,在不做任何设置的情况下, 系统默认是黑色状态栏。在页面是深色的情况下,白色的状态栏会显得好看很多,所以怎么显示白色状态栏呢?
方法就是在对应的控制器中重写下面的方法:

- (UIStatusBarStyle)preferredStatusBarStyle {
    return UIStatusBarStyleLightContent;
}

如果全局设置APP状态栏都是白色, 那就写一个ViewController基类,在这个基类里面写上面这个设置StatusBarStyle的方法,应用内的所有控制器都继承这个基类就可以了。
这个设置了以后,你发现还是不起作用。因为我们还要重写另外一个方法:

- (UIViewController *)childViewControllerForStatusBarStyle {
    return self.topViewController;
}

我们通常使用的viewController都是嵌套在UINavigationController中使用的,这个函数的返回值默认为nil,在我们嵌套了UINavigationController的时候,加载状态栏的时候首先会调用navigationController中的childViewControllerForStatusBarStyle函数,因为默认返回nil,那么接下来就会调用ViewController本身的preferredStatusBarStyle函数,所以我们在viewController中通过preferredStatusBarStyle函数设置的状态栏样式就不会被调用,所以也就无效了。
所以我们自己要创建一个继承于UINavigationcontroller的NavigationController,在这个子类中重写childViewControllerForStatusBarStyle函数,返回最上层的viewController,那么viewController中的preferredStatusBarStyle函数就会被调用了。

如果需要在页面动态改变状态栏颜色,可以加一个变量,在preferredStatusBarStyle这个方法中根据变量值变化状态栏,改变状态栏时需调用下面这个方法,来立即更新状态栏:

[self setNeedsStatusBarAppearanceUpdate];

设置导航栏背景图片

设置导航栏背景图片,如果只有某个页面需要,就在控制器中单独设置,如果是整个应用导航栏都是自定义的图片,那么需要创建一个继承自UINavigationcontroller的NavigationController,然后在NavigationController中设置背景图片,下面的代码示例,是在NavigationController中设置的:

- (void)viewDidLoad {
    [super viewDidLoad];
    //图片拉伸,否则在某些机型导航栏图片是没有填满的
    UIImage *backImage = [[UIImage imageNamed:@"nav_background"] resizableImageWithCapInsets:UIEdgeInsetsZero resizingMode:UIImageResizingModeStretch];
    //设置导航栏背景图片
    [self.navigationBar setBackgroundImage:backImage forBarMetrics:UIBarMetricsDefault];
    
    //设置导航栏标题为白色
    [self.navigationBar setTitleTextAttributes:@{NSForegroundColorAttributeName:[UIColor whiteColor]}];
    //设置tintColor
    [self.navigationBar setTintColor:[UIColor whiteColor]];
}

自定义返回按钮

很多时候我们都是要自定义返回按钮的,如果导航栏上左侧按钮,始终是那一个返回按钮,就通过以下方法设置,代码简洁。不过首先要定义一个基类viewController,让所有viewController继承于这个基类,在基类中设置:

- (void)viewDidLoad {
    [super viewDidLoad];
    
    //设置返回按钮图片
    self.navigationController.navigationBar.backIndicatorImage = [UIImage imageNamed:@"nav_back_icon"];
    self.navigationController.navigationBar.backIndicatorTransitionMaskImage = [UIImage imageNamed:@"nav_back_icon"];
    //设置返回按钮的title为空,那么返回按钮就无标题只显示nav_back_icon图片
    UIBarButtonItem *backItem = [[UIBarButtonItem alloc] initWithTitle:@"" style:UIBarButtonItemStylePlain target:nil action:nil];
    self.navigationItem.backBarButtonItem = backItem;
    
}

不过这种方式定义返回按钮,尴尬的就是,不知道点击返回按钮触发了什么方法,苹果并没有暴露系统返回按钮的点击方法。有时候有这样的需求,用户在该页面修改了一些信息,在点击返回上一页面时,可能需要发送通知,通知其他页面更新信息。从网上找到一个方法,可实现这个需求:

- (void)viewWillDisappear:(BOOL)animated {
    [super viewWillDisappear:animated];
    //点击系统的返回按钮/侧滑返回
    if ([self.navigationController.viewControllers indexOfObject:self] == NSNotFound) {
        //在这里执行
    }
}

自定义返回按钮还有另外一种实现方法,在基类viewController中实现一个自定义leftBarButtonItem来做返回按钮:

- (void)viewDidLoad {
    [super viewDidLoad];

    //导航栏返回按钮
    self.leftBarButton = [UIButton buttonWithType:UIButtonTypeCustom];
    [self.leftBarButton setImage:[UIImage imageNamed:@"nav_back_icon"] forState:UIControlStateNormal];
    self.leftBarButton.frame = CGRectMake(0, 0, 40, 40);
    self.leftBarButton.imageEdgeInsets = UIEdgeInsetsMake(0, -18, 0, 0);
    [self.leftBarButton addTarget:self action:@selector(leftButtonClicked) forControlEvents:UIControlEventTouchUpInside];
    
    if (self.navigationController.viewControllers.count > 1) {
        self.navigationItem.leftBarButtonItem = [[UIBarButtonItem alloc] initWithCustomView:self.leftBarButton];
    }
    
}

- (void)leftButtonClicked {
    [self.navigationController popViewControllerAnimated:YES];
}

可以把leftButtonClicked方法暴露在.h中,这样点击返回按钮触发这个方法,可以在子viewController中重写这个方法,实现点击返回执行一些操作。
这种自定义leftBarButtonItem带来的问题就是,侧滑返回不起作用了。解决办法就是在NavigationController中重新写手势代理,实现代理方法:

- (void)viewDidLoad {
    [super viewDidLoad];
    
    //手势代理,侧滑返回
    self.interactivePopGestureRecognizer.delegate = self;
}

- (BOOL)gestureRecognizerShouldBegin:(UIGestureRecognizer *)gestureRecognizer {
    if (self.childViewControllers.count > 1) {
        return YES;
    }
    return NO;
}

以上就是自定义返回按钮的两个方式,如有问题还望指出。

你可能感兴趣的:(iOS 导航栏设置背景图片、自定义返回按钮,状态栏颜色变换)