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

简介:对于在使用的UINavigation, 苹果原生自带屏幕边缘右滑功能,性能非常好,但太过于鸡肋.
本文主要分析苹果右滑的实现,以及实现全屏右滑.

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


    图解实现UINavigation的全屏右滑功能(转)_第1张图片

    2016-04-03 at 上午12.08.gif

小结:
1.0 系统实现屏幕右滑,因为其有一手势 UIGestureRecognizer *interactivePopGestureRecognizer; 2.0 只能边缘右滑,是应为其手势是边缘触发型手势; 打印该手势: NSLog(@"%@", self.interactivePopGestureRecognizer); 输出: ; 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];

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


图解实现UINavigation的全屏右滑功能(转)_第2张图片

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;

测试结果如下:


图解实现UINavigation的全屏右滑功能(转)_第3张图片

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

由于截图工具太烂,以及手速不行,截的图都好丑....
文/Abel_Zhou(作者)原文链接:http://www.jianshu.com/p/006370e7fe67著作权归作者所有,转载请联系作者获得授权,并标注“作者”。

你可能感兴趣的:(图解实现UINavigation的全屏右滑功能(转))