iOS导航栏自定义返回按钮以及设置导航栏透明交互

前言
相信大家对iOS的导航栏都会有自己的一点不爽,在项目开发过程中总是会出现这样那样莫名其妙的问题,而且对系统API提供的一些接口并不能达到很好的效果,一个小小的返回按钮就把我们整的要命。网上对于返回按钮的处理基本包括两种:
1.使用self.navigationItem.leftBarButtonItem自定义自己的返回按钮
2.通过[[UINavigationBar appearance] setBackIndicatorImage:[UIImage imageNamed:@"xx"]],[[UINavigationBar appearance] setBackIndicatorTransitionMaskImage::[UIImage imageNamed:@"xx"]];来修改返回图片
上面的两种方式我就不具体说明他们会存在什么样的问题了,我相信试过的人都应该会遇到过。

使用系统默认的返回按钮
原本我以为使用下面的方法应该可以达到效果

+ (void)initialize{
    UINavigationBar * appearance = [UINavigationBar appearance];
    [appearance setBackIndicatorImage:[UIImage imageNamed:@"icon_common_back"]];
    [appearance setBackIndicatorTransitionMaskImage:[UIImage imageNamed:@"icon_common_back"]];
}
- (void)navigationController:(UINavigationController *)navigationController willShowViewController:(UIViewController *)viewController animated:(BOOL)animated{
    if (![viewController.navigationItem.backBarButtonItem.title isEqualToString:@""]) {
        viewController.navigationItem.backBarButtonItem = [[UIBarButtonItem alloc]
                                                           initWithTitle:@""
                                                           style:UIBarButtonItemStylePlain
                                                           target:nil
                                                           action:nil];
    }
}```

但是出现的结果是这样的
![0decedb8-86e5-4112-b473-93e7cb36fdf5.png](http://upload-images.jianshu.io/upload_images/5388324-6b852c52676e60f3.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)

既然宽度不对,那么我就获取对应的图层重新设置它的宽度,但是试了之后虽然这个视图可以达到效果,但是titleView 或者title的位置并没有因为返回按钮实际占位的减少而显示正常(大家可以试试) ,可能有些人会说那么就获取titleView这些图层修改之,但是其实很复杂,我放弃了这种方法。

随后我试了一下去掉图片
  • (void)initialize{
    UINavigationBar * appearance = [UINavigationBar appearance];
    [appearance setBackIndicatorImage:[[UIImage alloc] init]];
    [appearance setBackIndicatorTransitionMaskImage:[[UIImage alloc] init]];
    }```
    效果是这样的并且同样将文字去掉,发现这个时候


    2784aa3a-ddcf-4ad5-8e8c-8f74559bdc74.png

那么问题就简单了,那我就自己放一个imageView上去就把所有问题解决了。最后的效果是这样的,具体的实现逻辑看我这里的代码吧
https://github.com/BulletWu/BTNavigationBar

ffb26180-25dc-476c-9e45-bce5c1bf2be5.png

返回事件拦截
网上很多返回按钮事件拦截的帖子,但是大多都是仅限于点击返回按钮的事件拦截,代码也大同小异和下面一样,当然我也是这样去实现的。

- (BOOL)navigationBar:(UINavigationBar *)navigationBar shouldPopItem:(UINavigationItem *)item{
    if([self.viewControllers count] < [navigationBar.items count]) {
        return YES;
    }
    UIViewController *topVC = self.topViewController;
    BOOL shouldPop = YES;
    if([topVC respondsToSelector:@selector(navigationShouldPopOnBackButton)]) {
        shouldPop = [topVC navigationShouldPopOnBackButton];
    }
    if (topVC.hidesBackButton) {
        shouldPop = NO;
    }
    if (shouldPop) {
        id<UIViewControllerTransitionCoordinator> coor = topVC.transitionCoordinator;
        if (coor && coor.initiallyInteractive) {
            return YES;
        }
        NSInteger itemCount = self.navigationBar.items.count;
        NSInteger n = self.viewControllers.count >= itemCount ? 2 : 1;
        UIViewController *popToVC = self.viewControllers[self.viewControllers.count - n];
        [self popToViewController:popToVC animated:YES];
        return YES;
    }else{
        for(UIView *subview in [navigationBar subviews]) {
            if(0. < subview.alpha && subview.alpha < 1.) {
                [UIView animateWithDuration:.25 animations:^{
                    subview.alpha = 1.;
                }];
            }
        }
        return NO;
    }
}

但是该方法无法拦截侧滑返回的手势,但是既然有点击返回按钮的手势拦截,当然必须应该有侧滑返回的手势,但是系统侧滑手势设置的delegate对象为_UINavigationInteractiveTransition,是一个私有API,我们没办法覆写它。但是手势对象是interactivePopGestureRecognizer,是一个UIGestureRecognizer,而且可以想象系统一定是执行了这样一句代码self. interactivePopGestureRecognizer.delegate = _UINavigationInteractiveTransition实例对象,
那么我们的突破口就是重写UIGestureRecognizer的setDelegate方法,但是我不想在UINavigationController中将interactivePopGestureRecognizer.delegate设置为self,因为我不能确定我能很好的控制这个delegate事件,事实证明,如果自己去设置也的确会出现这样那样的问题,那么我就使用消息转发机制来实现,不多说了,还是看代码吧

- (void)bt_navSetDelegate:(id<UIGestureRecognizerDelegate>)delegate{
  if ([NSStringFromClass([delegate class]) isEqualToString:@"_UINavigationInteractiveTransition"]) {
      if (delegate == nil) {
          delegate = self;
      }
      [self bt_navSetDelegate:self];
      self.gestureRecognizerDelegate = delegate != self ? delegate :nil;
  }else{
      [self bt_navSetDelegate:delegate];
  }
}

- (BOOL)gestureRecognizerShouldBegin:(UIGestureRecognizer *)gestureRecognizer{    
  UIViewController *topViewController = [[self class] getCurrentVC];
  BOOL shouldPop = YES;
  if([topViewController respondsToSelector:@selector(navigationShouldPopOnPopGestureRecognizer)]) {
      shouldPop = [topViewController navigationShouldPopOnPopGestureRecognizer];
  }
  return shouldPop && [self.gestureRecognizerDelegate gestureRecognizerShouldBegin:gestureRecognizer];
}```

对于返回事件的一些事件我目前只做了

@protocol BTBackHandlerProtocol <NSObject>
@optional

  • (BOOL)navigationShouldPopOnBackButton; //是否允许触发返回按钮
  • (BOOL)navigationShouldPopOnPopGestureRecognizer; //侧滑返回
  • (void)navigationDidPop;//pop成功 ,因为侧滑返回可能取消
  • (void)navigationPopCancel;//侧滑返回取消
    @end
我想有这些应该足够了

**导航栏透明交互**
主要思想就是不隐藏导航栏,只修改透明度,具体看代码吧
https://github.com/BulletWu/BTNavigationBar

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

推荐阅读更多精彩内容