一行代码，让你的应用中UIScrollView的滑动与侧滑返回并存

侧滑返回是iOS系统的一个很贴心的功能，特别是在大屏手机上，单手操做的时候去按左上角的返回键特别不方便。当我在使用一个APP的时候，若是控制器不能侧滑返回，我会以为这个APP十分不友好...这款产品在我心中的印象分也会有所下降...

侧滑返回自己是系统自带的效果，无须开发者处理的。可是，一旦给控制器加了leftBarButtonItem，系统侧滑手势竟然失效了（苹果你这样真的好吗...），要从新支持侧滑返回，能够作如下处理：

 

1、让应用支持侧滑返回

 

1. 导入FDFullscreenPopGesture库，pod安装一下便可，安装后无须再加任何代码，应用全部页面都将支持全屏侧滑。github地址：https://github.com/forkingdog/FDFullscreenPopGesture 。

若是你或者大家产品不喜欢全屏侧滑，仍是喜欢在屏幕左边缘处才触发侧滑，那能够看看第二种方式：

2. 写一个UINavigationController的子类，设置导航控制器的代理为本身，实现下面这个代理方法：

- (void)navigationController:(UINavigationController *)navigationController didShowViewController:(UIViewController *)viewController animated:(BOOL)animated {
    // 让系统的侧滑返回生效
    self.interactivePopGestureRecognizer.enabled = YES;
    if (viewController == self.viewControllers[0]) {
        self.interactivePopGestureRecognizer.delegate = self.popDelegate;  // 不支持侧滑
    } else {
        self.interactivePopGestureRecognizer.delegate = nil; // 支持侧滑
    }
}

在viewDidLoad方法中，给popDelegate赋值： self.popDelegate = self.interactivePopGestureRecognizer.delegate 。这样操做后，即便给控制器加了leftBarButtonItem，系统的侧滑返回也能生效了。

固然，我所使用的绝大部分APP，都能有侧滑返回的效果，想必上面的内容你们都是掌握的~ 不过有一款APP，我想要指出一下：《自如》...你为何不支持侧滑返回...你对得起大家的60万自如客吗...

 

2、怎么让UIScrollView和侧滑返回并存？

 

对侧滑返回的基础介绍完毕，接下来是本文的重点咯：

你们在开发中必定遇到过这个问题，若是界面中有一个能够水平滑动的UIScrollView，那么系统侧滑返回又失效了...由于你在屏幕左边缘侧滑的时候，作出响应的是UIScrollView，事件并无传递到UINavigationController的view，因此也就没有了侧滑返回。这种状况该怎么处理呢？咱们先来看看别的应用是怎么处理的：

阿里系：《淘宝》、《支付宝》、《菜鸟裹裹》。我手机上装的三个阿里系APP都没有处理这种状况，在其地图页面侧滑返回均失效了...

新美大：很遗憾，《美团》和《大众点评》也阵亡了...

腾讯系：《QQ》阵亡，而《微信》...成为我发现的第一个对这种状况作出很好处理的应用。在微信订阅号图文阅读界面的图片浏览器、聊天界面查看共享位置的地图界面，均支持侧滑返回，又不影响界面自己的滑动，给微信点赞~

此外，在写这篇博文的时候，我还测试了几个APP，其中《链家》和《链家上海》也对这种状况作了很好的处理，点赞~

比较奇怪的是，链家上海和链家的图片选择器用的不是同一个，链家上海在聊天页面用的图片选择器是我写的TZImagePickerController<github连接：https://github.com/banchichen/TZImagePickerController>，而链家不是...若是你们两个应用都装了的话，能够明显感觉到链家的图片选择器体验明显不如TZImagePickerController，好比图片显示模糊，在快速滑动时有明显的卡顿感等，嘎嘎，理性地打个广告...详细介绍请见上篇博文~

 

好了，那微信和链家是怎么让UIScrollView的滑动与系统侧滑并存的呢？

首先咱们打开微信，随机点开一个聊天窗口发送位置给对方，点击位置信息查看地图，咱们发现当在屏幕左边缘向左滑动时，触发的是侧滑返回，其余状况都触发的是地图的滑动。

咱们知道，侧滑返回效果的触发须要知足：(1) 滑动位置在屏幕左边缘;（2）向右滑动;

在微信查看地图界面，咱们发现当侧滑返回手势生效时，地图滑动则失效。只有在侧滑返回失效时，地图才会滑动。达到了两个手势并存的效果。

 

 

3、集成TZScrollViewPopGesture，一行代码搞定

 

基于以上的思考，在参考了FDFullscreenPopGesture和数篇博客后，个人解决思路以下：

1. (1) 建立一个UIPanGestureRecognizer手势，该手势触发时执行侧滑返回的action，为了使用方便，我将其写在分类里面，代码以下：

- (UIPanGestureRecognizer *)tz_popGestureRecognizer {
    UIPanGestureRecognizer *pan = objc_getAssociatedObject(self, _cmd);
    if (!pan) {
        // 侧滑返回手势 手势触发的时候，让target执行action
        id target = self.tz_PopDelegate;
        SEL action = NSSelectorFromString(@"handleNavigationTransition:");
        pan = [[UIPanGestureRecognizer alloc] initWithTarget:target action:action];
        pan.maximumNumberOfTouches = 1;
        pan.delegate = self;
        self.interactivePopGestureRecognizer.enabled = NO;
        objc_setAssociatedObject(self, _cmd, pan, OBJC_ASSOCIATION_RETAIN_NONATOMIC);
    }
    return pan;
}

(2) 模仿一下系统侧滑返回手势的触发条件，给这个手势限定合适的触发条件（滑动位置在屏幕左边缘+向右滑），代码以下：

- (BOOL)gestureRecognizerShouldBegin:(UIPanGestureRecognizer *)gestureRecognizer {
    if ([[self valueForKey:@"_isTransitioning"] boolValue]) {
        return NO;
    }
    if (self.childViewControllers.count <= 1) {
        return NO;
    }
    // 侧滑手势触发位置
    CGPoint location = [gestureRecognizer locationInView:self.view];
    CGPoint offSet = [gestureRecognizer translationInView:gestureRecognizer.view];
    BOOL ret = (0 < offSet.x && location.x <= 40);
    NSLog(@"%@ %@",NSStringFromCGPoint(location),NSStringFromCGPoint(offSet));
    return ret;
}

(3) 侧滑手势优先，侧滑手势失效时，才触发UISrcollView的滑动

/// 只有当系统侧滑手势失败了，才去触发ScrollView的滑动
- (BOOL)gestureRecognizer:(UIGestureRecognizer *)gestureRecognizer shouldBeRequiredToFailByGestureRecognizer:(UIGestureRecognizer *)otherGestureRecognizer {
    return YES;
}

2. 手势已经定义好了，接下来把它加在合适的UISrcollView上面便可，我因而给UIViewController写了个分类，新增方法： - (void)tz_addPopGestureToView:(UIView *)view;  在须要UISrcollView滑动和系统侧滑同时并存的界面中，只须要在控制器中调用这个方法便可解决：

  // scrollView须要支持侧滑返回
  [self tz_addPopGestureToView:scrollView];

我在个人多个项目中测试这个分类，发现效果都十分理想，和微信、链家APP的效果是一致的。使用起来还算方便，一行代码便可搞定。通过测试，TZScrollViewPopGesture和FDFullscreenPopGesture并不会冲突，二者能够和谐共存，你们不妨一试。下面放个截个图让你们看看效果~

以上代码都可在Demo中见到，更多信息详见Demo，github地址：https://github.com/banchichen/TZScrollViewPopGesture

固然，TZScrollViewPopGesture也支持pod安装，在podfile中加入 pod 'TZScrollViewPopGesture' 便可。

老规矩，你们以为好的话，给一个小小的star鼓励一下噢~

 

技术进步一小步，用户体验也进步一小步...有进步就好~

（顺便吐槽一下支付宝等诸多应用对键盘类型的不良处理，明明是让我输入数字验证码，你不给我弹出数字键盘真的好吗.......）

 

参考连接：

轻松学习之二——iOS利用Runtime自定义控制器POP手势动画

【8行代码教你搞定导航控制器全屏滑动返回效果】 |那些人追的干货

参考代码：

FDFullscreenPopGesture

 

今天已经10.05了，转眼国庆变成了中秋...

再过一天，中秋就变成了周末...提早祝你们周末快乐~！