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

侧滑返回本身是系统自带的效果,无须开发者处理的。但是,一旦给控制器加了leftBarButtonItem,系统侧滑手势居然失效了(苹果你这样真的好吗...),要重新支持侧滑返回,可以做以下处理:

一、让应用支持侧滑返回

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[]) {
self.interactivePopGestureRecognizer.delegate = self.popDelegate;  // 不支持侧滑
} else {
self.interactivePopGestureRecognizer.delegate = nil; // 支持侧滑
}
}

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

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

二、怎么让UIScrollView和侧滑返回并存?

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

大家在开发中一定遇到过这个问题,如果界面中有一个可以水平滑动的UIScrollView,那么系统侧滑返回又失效了...因为你在屏幕左边缘侧滑的时候,做出响应的是UIScrollView,事件并没有传递到UINavigationController的view,所以也就没有了侧滑返回。这种情况该怎么处理呢?我们先来看看别的应用是怎么处理的:

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

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

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

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

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

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

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

我们知道,侧滑返回效果的触发需要满足:(1) 滑动位置在屏幕左边缘;(2)向右滑动;

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

三、集成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 = ;
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 <= ) {
return NO;
}
// 侧滑手势触发位置
CGPoint location = [gestureRecognizer locationInView:self.view];
CGPoint offSet = [gestureRecognizer translationInView:gestureRecognizer.view];
BOOL ret = ( < offSet.x && location.x <= );
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了,转眼国庆变成了中秋...

再过一天,中秋就变成了周末...提前祝大家周末快乐~!

一行代码,让你的应用中UIScrollView的滑动与侧滑返回并存的更多相关文章

  1. 在Python中,如何用一行代码去判定整数二进制中的连续 1

    利用字节位操作如何判断一个整数的二进制是否含有至少两个连续的1 的方法有多种,大家第一反应应该想到的是以下的第一种方法. 方法一:从头到尾遍历一遍每一位即可找出是否有连续的1存在 这个方法是最普遍的. ...

  2. 只要一行代码求一串字符中某字符(串)出现次数,c#

    这里只要一行代码就行. static void Main(string[] args) { string str = "qwerwqr;sfdsfds;fdfdsf;dfsdfsdf;dsf ...

  3. 一行代码设置TForm颜色的前世今生(属性赋值引起函数调用,然后发消息实现改变显示效果),TForm的初始颜色在dfm中设置了clBtnFace色

    来自万一的帖子:http://www.cnblogs.com/del/archive/2008/04/27/1173658.html的确做到了一行代码设置TForm控件的颜色(一点感想:Delphi程 ...

  4. 只需一行代码!Python中9大时间序列预测模型

    在时间序列问题上,机器学习被广泛应用于分类和预测问题.当有预测模型来预测未知变量时,在时间充当独立变量和目标因变量的情况下,时间序列预测就出现了. 预测值可以是潜在雇员的工资或银行账户持有人的信用评分 ...

  5. 一行代码在 .NET Core 中快速使用 log4net

    原文:一行代码在 .NET Core 中快速使用 log4net 1. .NET Core 控制台程序中使用 第一步:添加引用 Install-Package log4net 第二步:将附件 LogH ...

  6. 一行代码提取url中querystring的某个key的值

    var itemdata = "OrderFilter=0&ProjectTag=15&DateType=0"; var projectTag = itemdata ...

  7. 一行代码实现headView弹簧拉伸效果

    前言 很多app的个人中心上部的headView都实现了弹簧拉伸的效果,即tableView的top并不随着下拉而滑动,而是紧紧的停在屏幕的最上方. 我们今天就分析一下这个效果的实现方式. 分析 关键 ...

  8. Sagit.Framework For IOS 开发框架入门开发教程2:一行代码实现引导页

    前言: 开篇比较简单:Sagit.Framework For IOS 开发框架入门开发教程1:框架下载与环境配置 第二篇教程之前写了一半,感觉不太好写,而且内容单纯介绍API,要说的很多,又枯燥乏味. ...

  9. [WCF]缺少一行代码引发的血案

    这是今天作项目支持的发现的一个关于WCF的问题,虽然最终我只是添加了一行代码就解决了这个问题,但是整个纠错过程是痛苦的,甚至最终发现这个问题都具有偶然性.具体来说,这是一个关于如何自动为服务接口(契约 ...

随机推荐

  1. SQL入门经典(四)之创建和修改数据表

    本章主要讲如何使用脚本创建数据库:如何使用脚本创建表:如何删除对象和修改对象. CREATE 语句:CREATE <object type> <onject name> 创建数 ...

  2. Angular Module声明和获取重载

    module是angular中重要的模块组织方式,它提供了将一组内聚的业务组件(controller.service.filter.directive…)封装在一起的能力.这样做可以将代码按照业务领域 ...

  3. silverlighter下MVVM模式中利用Behavior和TargetedTriggerAction实现文本框的一些特效

    在silverlight一般开发模式中,给文本框添加一些事件是轻而易举的,然而MVVM开发模式中,想要给文本框添加一些事件并非那么容易,因为MVVM模式中,只有ICommand接口,而且也只有Butt ...

  4. java提高篇(十八)-----数组之一:认识JAVA数组

          噢,它明白了,河水既没有牛伯伯说的那么浅,也没有小松鼠说的那么深,只有自己亲自试过才知道!道听途说永远只能看到表明现象,只有亲自试过了,才知道它的深浅!!!!! 一.什么是数组      ...

  5. jQuery.width()和jQuery.css('width')的区别

    [TOC] 问题描述 使用jQuery修改一个div的宽度时,发现$($0).width('10rem')总是修改成不正确的值,然后使用$($0).css('width', '10rem')时却能正确 ...

  6. java source not found

    今天的挑战是,为什么与源码明明放在本机,调试的时候却说source not found呢? 这个是因为,我重新建立了debug,然后没有选择对应的项目. 另外一个问题是,如果给底层的jar附上源码呢?

  7. java回顾rmi

    搞java的不懂rmi好像说不过去.. ,复习一遍. 参照http://www.iteye.com/topic/173909 http://lzj0470.iteye.com/blog/426760  ...

  8. Redis总结笔记(一):安装和常用命令

    转载于:http://www.itxuexiwang.com/a/shujukujishu/redis/2016/0216/112.html?1455860824 一.redis简单介绍 redis是 ...

  9. 关于python的最大递归层数详解

    在阅读http://www.cnblogs.com/skabyy/p/3451780.html这篇文章的时候,实验yield的流式迭代素数的时候发现有个问题,故详细记录下来. 首先来看看python默 ...

  10. Atitti 跨语言异常的转换抛出 java js

    Atitti 跨语言异常的转换抛出 java js 异常的转换,直接反序列化为json对象e对象即可.. Js.没有完整的e机制,可以参考java的实现一个stack层次机制的e对象即可.. 抛出Ru ...