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]];
    }```
    效果是这样的并且同样将文字去掉,发现这个时候


    iOS导航栏自定义返回按钮以及设置导航栏透明交互_第1张图片
    2784aa3a-ddcf-4ad5-8e8c-8f74559bdc74.png

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

iOS导航栏自定义返回按钮以及设置导航栏透明交互_第2张图片
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 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)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
@optional

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

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

**交流进步**
因为这个我自己也是刚写的,希望大家来帮助我发现问题,然后解决问题,做一个完美的导航栏

你可能感兴趣的:(iOS导航栏自定义返回按钮以及设置导航栏透明交互)