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中重新写手势代理,实现<UIGestureRecognizerDelegate>代理方法:

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

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

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

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 202,529评论 5 475
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 85,015评论 2 379
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 149,409评论 0 335
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 54,385评论 1 273
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 63,387评论 5 364
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,466评论 1 281
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 37,880评论 3 395
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,528评论 0 256
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 40,727评论 1 295
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,528评论 2 319
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,602评论 1 329
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,302评论 4 318
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 38,873评论 3 306
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,890评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,132评论 1 259
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 42,777评论 2 349
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,310评论 2 342