美文网首页ios 开发常用组件iOS技术难点
图解实现UINavigation的全屏右滑功能

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

作者: 其字德安 | 来源:发表于2016-04-03 01:48 被阅读1508次
简介:对于在使用的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

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

相关文章

网友评论

  • e2f2d779c022:博主写的真好, 我自己封装了一个类似的框架,感兴趣的可以看下https://github.com/Chris-Pan/JPNavigationController
  • Yaanco:666
  • ZLZ在笑:非常棒
  • _YZG_:提供个demo吧, 最后那个方法怎么写
    _YZG_:@Abel_Zhou 有警告的, undeclared selector "handleNavigationTransition:",,,
    _YZG_:@Abel_Zhou 3q,这么爱学习
    其字德安:@YZG_2092 https://github.com/Abel-Z/nav-model.git
  • 343cea0f7107: 请问下 程序假死是什么意思? :joy:
    其字德安:@JcccZ 假死就是程序还在运行,没有崩溃退出,但是卡在那个界面了,什么都动不了. 用户什么都不能做,只能强制退出.
  • chad_it:为什么我实现全屏右滑调用系统的方法提示找不到这个方法
    chad_it:@Abel_Zhou 嗯
    其字德安:苹果不希望我们直接使用它的私有方法,或私有属性;所以就会警告.
    其字德安:@不要将世界让给你鄙视的人 这是苹果的一个私有方法,所以会报找不到,但是使用@selector(handleNavigationTransition:) 是可以拿到这个方法的.你可以搜下@selector()的用法.
  • __夏至未至:不错的 学习了
  • codeTao:不错,希望简书开发人员看一下,改进一下,不喜欢右滑!
    chad_it:@不要将世界让给你鄙视的人 推荐一个好用的gif截图软件licecap
    chad_it:@Abel_Zhou 我觉得右滑很好用啊,左手单手操作很方便有没有
    其字德安:@Lancelot888 为什么不喜欢右滑....好悲伤.....
  • 悦思:不错 笔记整理了
  • STDawn:GET
  • loobyes:GET,受教了

本文标题: 图解实现UINavigation的全屏右滑功能

本文链接:https://www.haomeiwen.com/subject/waculttx.html