图解实现UINavigation的全屏右滑功能

简介:对于在使用的UINavigation, 苹果原生自带屏幕边缘右滑功能,性能非常好,但太过于鸡肋.

本文主要分析苹果右滑的实现,以及实现全屏右滑.

* 首先看下苹果的边缘右滑

2016-04-03 at 上午12.08.gif

小结:

    1.0 系统实现屏幕右滑,因为其有一手势
    UIGestureRecognizer *interactivePopGestureRecognizer;

    2.0 只能边缘右滑,是应为其手势是边缘触发型手势;
    打印该手势:
    NSLog(@"%@", self.interactivePopGestureRecognizer);

    输出:
     <UIScreenEdgePanGestureRecognizer: 0x7fae4ad5d6f0; state = Possible; delaysTouchesBegan = YES; view = <UILayoutContainerView 0x7fae4ad5bbf0>; target= <(action=handleNavigationTransition:, target=<_UINavigationInteractiveTransition 0x7f9858e96120>)>>

解析:苹果怎么实现右滑?

• 手势类型:UIScreenEdgePanGestureRecognizer(边缘时才会触发手势)
• 触发手势时,对象(target):_UINavigationInteractiveTransition
• 对象会调用的方法:handleNavigationTransition:
• 此时,就能实现边缘右滑;

*当我们重写按钮覆盖系统按钮时:

    UIButton *btn = [UIButton buttonWithType:UIButtonTypeCustom];
    [btn setTitle:@"返回" forState:UIControlStateNormal];
    [btn setTitleColor:[UIColor blackColor] forState:UIControlStateNormal];
    viewController.navigationItem.leftBarButtonItem = [[UIBarButtonItem alloc] initWithCustomView:btn];

此时无论如何都不会有边缘右滑功能.

2016-04-03 at 上午12.32.gif

*提出假设:

1.0 是不是我们覆盖navigation导航条按钮后,其手势被系统自动释放了呢?

    此时再打印该手势:
    NSLog(@"%@", self.interactivePopGestureRecognizer);

    输出:和上面打印结果一样,说明手势没有被释放.

2.0 既然手势没有被释放,那么系统是不是做了什么事?

这时候我们有发现一个现象:
* 该手势是添加给整个导航控制器的
* 在根控制器下,该手势无效
* 只有在非根控制器下,手势才有效

系统必定监听了手势在什么控制器下才能正常工作,猜测一下是不是代理(代理不就是整天框个大眼睛观察对象嘛!)

    // 尝试下,是否能够打印该手势的代理
    NSLog(@"%@", self.interactivePopGestureRecognizer.delegate);

    // 输出结果如下;
    <_UINavigationInteractiveTransition: 0x7f9858e96120>

    // 在不覆盖系统按钮的情况下,此时尝试
    self.interactivePopGestureRecognizer.delegate = nil;

测试结果如下:

2016-04-03 at 上午12.50.gif

发现再在根控制器下触发该手势后,然后点击跳到下一界面时,程序假死.....ing;

结论:系统手势有代理,且代理实现在根控制器下手势无效(毕竟已经是根控制器了,还想往右滑???)

3.0 是不是现在已经在怀疑:当覆盖系统按钮时,代理对我们做了什么...

    测试: 覆盖按钮,且把代理清空
    // navigation viewDidload方法中
    UIButton *btn = [UIButton buttonWithType:UIButtonTypeCustom];

    viewController.navigationItem.leftBarButtonItem = [[UIBarButtonItem alloc] initWithCustomView:btn];

    self.interactivePopGestureRecognizer.delegate = nil;

发现已经可以实现屏幕边缘右滑了,但是在根控制器下触发左滑,由于设置代理为nil,会出现上述假死.

2016-04-03 at 上午12.58.gif

但我们可以这么解决
1.0 在根控制器下,把代理再设置回原来 (不常用)
2.0 自己设置代理,实现监听

 // 实现方法2
 // 1.手动设置代理
 self.interactivePopGestureRecognizer.delegate = self;

 // 2.监听方法
 - (BOOL)gestureRecognizer:(UIGestureRecognizer *)gestureRecognizer shouldReceiveTouch:(UITouch *)touch {

 if (self.childViewControllers.count == 1) {
 // 根控制器下,不允许接受手势
     return NO;
 }
 return YES;
}

到此已经解决:自定义按钮下,实现屏幕边缘右滑功能.

*怎么实现全屏右滑?

• 既然苹果已经提供好右滑功能,为什么我们不在苹果的基础上再进一步呢?

• 分析:苹果手势是边缘(edge)型触发,那么我们实现全屏手势即可

代码实现:

    // 全屏右滑,自己添加手势,采用系统的代理,以及调用系统的方法;李代桃僵
    // 1.0 创建手势
    UIPanGestureRecognizer *pan = [[UIPanGestureRecognizer alloc] initWithTarget:self.interactivePopGestureRecognizer.delegate action:@selector(handleNavigationTransition:)];

    // 2.0 设置代理,处理根控制器下的业务
    pan.delegate = self;

    // 3.0 添加手势到导航控制器的view
    [self.view addGestureRecognizer:pan];

    // 4.0 清空原生手势,以此避免不必要bug
   self.interactivePopGestureRecognizer.enabled = NO;

    // 实现代理方法
- (BOOL)gestureRecognizer:(UIGestureRecognizer *)gestureRecognizer shouldReceiveTouch:(UITouch *)touch {
    // 根控制器下,手势无效
    return self.childViewControllers.count >1;
}

    // 解析:
    有没有发现前面打印手势时:
    target=<_UINavigationInteractiveTransition 0x7f9858e96120>)>>

    打印手势代理时:
    输出:<_UINavigationInteractiveTransition: 0x7f9858e96120>

    这两货是同一个对象....

    那么在我们自定义手势中,让苹果提供的对象,调用它提供的方法就好了:
    initWithTarget:self.interactivePopGestureRecognizer.delegate action:@selector(handleNavigationTransition:)

全屏右滑效果图:

2016-04-03 at 上午1.43.gif

由于截图工具太烂,以及手速不行,截的图都好丑....