一行代码,让你的应用中UIScrollView的滑动与侧滑返回并存
侧滑返回是iOS系统的一个很贴心的功能,特别是在大屏手机上,单手操作的时候去按左上角的返回键特别不方便。当我在使用一个APP的时候,如果控制器不能侧滑返回,我会觉得这个APP十分不友好...这款产品在我心中的印象分也会有所降低...
侧滑返回本身是系统自带的效果,无须开发者处理的。但是,一旦给控制器加了leftBarButtonItem,系统侧滑手势居然失效了(苹果你这样真的好吗...),要重新支持侧滑返回,可以做以下处理:
一、让应用支持侧滑返回
- 导入
FDFullscreenPopGesture
库,pod安装一下即可,安装后无须再加任何代码,应用所有页面都将支持全屏侧滑。github地址:https://github.com/forkingdog/FDFullscreenPopGesture 。
如果你或者你们产品不喜欢全屏侧滑,还是喜欢在屏幕左边缘处才触发侧滑,那可以看看第二种方式: - 写一个
UINavigationController
的子类,设置导航控制器的代理为自己,实现下面这个代理方法:
- (void)navigationController:(UINavigationController *)navigationController didShowViewController:(UIViewController *)viewController animated:(BOOL)animated { // 让系统的侧滑返回生效 self.interactivePopGestureRecognizer.enabled = YES; if (viewController == self.viewControllers[0]) { self.interactivePopGestureRecognizer.delegate = self.tz_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 = 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的滑动
- (BOOL)gestureRecognizer:(UIGestureRecognizer *)gestureRecognizer shouldBeRequiredToFailByGestureRecognizer:(UIGestureRecognizer *)otherGestureRecognizer { return YES; }
2、手势已经定义好了,接下来把它加在合适的UISrcollView
上面即可,我于是给UIViewController
写了个分类,新增方法:- (void)tz_addPopGestureToView:(UIView *)view
; 在需要UISrcollView滑动和系统侧滑同时并存的界面中,只需要在控制器中调用这个方法即可解决:[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了,转眼国庆变成了中秋...
再过一天,中秋就变成了周末...提前祝大家周末快乐~!

低调大师中文资讯倾力打造互联网数据资讯、行业资源、电子商务、移动互联网、网络营销平台。
持续更新报道IT业界、互联网、市场资讯、驱动更新,是最及时权威的产业资讯及硬件资讯报道平台。
转载内容版权归作者及来源网站所有,本站原创内容转载请注明来源。
- 上一篇
仿照微信的效果,实现了一个支持多选、选原图和视频的图片选择器,支持iOS6+,3行代码即可集成
重要提示: 1.9.0版本已发布,移除了"prefs:root="的调用,这个API已经被列为私有API,请大家尽快升级。其它同样使用了该API的库大家可以检查下,比如著名的SVProgressHUD 如果你发现了Bug,请先尝试更新到最新版,此前的版本可能存在一些bug。如果你已经是最新版了,请在github上提一个issue,我看到了会尽快处理哈~ 前段时间空余时间比较多,打算尝试做一个图片选择器出来,仔细对比了很多自定义了图片选择器的应用,感觉最喜欢微信的界面效果,当然微博的功能更强大,还支持了LivePhoto,所以打算模仿微信的界面效果,瞄着微博的功能去做一个图片选择器出来。 一. TZImagePickerController简介 这个图片选择器还没达到我理想中的效果,但是最近工作开始忙起来了,所以有一些功能放在以后加入吧。目前这个图片选择器: 支持图片多选、选原图和视频; 支持预览图片和视频; 支持iOS6+; 总体上跟微信的照片选择器界面和功能都差不多一样,当然我这个弱不少...效果图如下: TZPhotoPickerController, 照片选择控制器 2.TZPh...
- 下一篇
为你的App增加WIFI认证检测,让用户体验更加丝滑
前言 前段时间在上海坐地铁时连接了花生地铁WIFI,打开QQ音乐开始听歌,QQ音乐居然给了我一个"WIFI认证提醒"的弹窗,点击认证就跳转到了花生地铁WIFI的认证页,之后顺利联网成功,体验非常爽。作为一名iOS开发,不禁思考这个是怎么做到的呢?忘记WIFI重新连接后,打开手机里各个应用轮番测试一遍,发现QQ音乐、QQ、QQ空间三个应用都做了比较好的WIFI认证提示: 而其它的大应用如微信、手淘、支付宝、钉钉、美团、点评、爱奇艺、百度地图等则都没有给出认证提醒,而是提示我检查网络设置等,说明许多App都没重视到这个细节,而其实现在这种场景还是很多的,比如花生地铁WIFI、i-Shanghai、i-hangzhou、alibaba-guest和其它许多公共场所的WIFI,还是有必要做一个优化~ 关于Captive Portal 经过一番调研,这种需认证才能使用的WIFI,使用的是Captive Portal机制,中文通常译作“强制主页”或“强制登录门户”,一个Captive Portal是一个Web登录页面,通常由网络运营商或网关在用户能够正常访问互联网之前拦截用户的请求并将一个强制登录...
相关文章
文章评论
共有0条评论来说两句吧...
文章二维码
点击排行
推荐阅读
最新文章
- CentOS8,CentOS7,CentOS6编译安装Redis5.0.7
- SpringBoot2整合Redis,开启缓存,提高访问速度
- CentOS7,8上快速安装Gitea,搭建Git服务器
- SpringBoot2配置默认Tomcat设置,开启更多高级功能
- Eclipse初始化配置,告别卡顿、闪退、编译时间过长
- Jdk安装(Linux,MacOS,Windows),包含三大操作系统的最全安装
- CentOS7编译安装Cmake3.16.3,解决mysql等软件编译问题
- Springboot2将连接池hikari替换为druid,体验最强大的数据库连接池
- Docker快速安装Oracle11G,搭建oracle11g学习环境
- CentOS7设置SWAP分区,小内存服务器的救世主