首页 热点资讯 义务教育 高等教育 出国留学 考研考公
您的当前位置:首页正文

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

2024-12-06 来源:华佗小知识

简介:对于在使用的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)型触发,那么我们实现全屏手势即可

全屏右滑效果图:


2016-04-03 at 上午1.43.gif

显示全文