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

简介:

侧滑返回是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[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,其中《链家》和《链家上海》也对这种情况做了很好的处理,点赞~
比较奇怪的是,链家上海和链家的图片选择器用的不是同一个,链家上海在聊天页面用的图片选择器是我写的TZImagePickerControllergithub链接: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的效果是一致的。使用起来还算方便,一行代码即可搞定。经过测试,TZScrollViewPopGestureFDFullscreenPopGesture并不会冲突,两者可以和谐共存,大家不妨一试。下面放个截个图让大家看看效果~

以上代码均可在Demo中见到,更多信息详见Demo,github地址:https://github.com/banchichen/TZScrollViewPopGesture
当然,TZScrollViewPopGesture也支持pod安装,在podfile中加入 pod 'TZScrollViewPopGesture' 即可。
老规矩,大家觉得好的话,给一个小小的star鼓励一下噢~
 
技术进步一小步,用户体验也进步一小步...有进步就好~
(顺便吐槽一下支付宝等诸多应用对键盘类型的不良处理,明明是让我输入数字验证码,你不给我弹出数字键盘真的好吗.......)
 
参考链接:
轻松学习之二——iOS利用Runtime自定义控制器POP手势动画
【8行代码教你搞定导航控制器全屏滑动返回效果】 |那些人追的干货
参考代码:
FDFullscreenPopGesture
 
今天已经10.05了,转眼国庆变成了中秋...
再过一天,中秋就变成了周末...提前祝大家周末快乐~!

目录
相关文章
|
传感器 监控 BI
基于STM32的智能垃圾分类系统设计与实现
基于STM32的智能垃圾分类系统设计与实现
1270 0
|
5月前
|
人工智能 自然语言处理 开发者
周报不是流水账,这个AI指令帮你写出让老板点赞的工作汇报
一个帮助技术人快速生成专业工作周报的AI指令,通过结构化输入和价值导向表达,让你的周报从流水账变成让老板点赞的高质量汇报,15分钟搞定原本需要1小时的周报撰写。
1366 80
|
11月前
|
SQL JSON 运维
StarRocks Community Monthly Newsletter (Apr)
本文介绍了StarRocks社区的最新动态,包括版本更新、应用工具、文档改进及精选内容。3.4.3版本新增Lambda表达式支持与JSON数据处理优化;运维工具有助于集群监控与权限管理;文档体验和功能描述得到提升。此外,还分享了多篇技术文章与视频教程,涵盖OLAP引擎实践、查询优化器解析等内容。本月启动了2025布道师计划,鼓励开发者参与社区共建,并公布了新晋Contributor名单。通过这些努力,StarRocks持续提升性能与用户体验。
|
Swift iOS开发
iOS 用一个布局来解决嵌套问题—— UICollectionViewCompositionalLayout
iOS 用一个布局来解决嵌套问题—— UICollectionViewCompositionalLayout
iOS 用一个布局来解决嵌套问题—— UICollectionViewCompositionalLayout
|
机器学习/深度学习 算法
《深度剖析:凸优化与梯度下降的紧密关系》
凸优化和梯度下降是机器学习与数学优化中的核心概念。凸优化旨在最小化凸函数在凸集合上的取值,其特性保证了局部最优即为全局最优,简化了求解过程。梯度下降则通过迭代更新参数,沿负梯度方向逐步减小目标函数值。两者紧密关联:凸函数的良好性质确保梯度下降能可靠收敛至全局最优,且在实际应用中广泛使用,如线性回归和逻辑回归。掌握它们的关系对解决复杂优化问题至关重要。
305 4
|
移动开发 前端开发
基于Jeecg-boot的flowable流程支持拒绝同意流程操作(二)
基于Jeecg-boot的flowable流程支持拒绝同意流程操作(二)
497 0
|
测试技术 开发工具 iOS开发
iOS自动化测试方案(三):WDA+iOS自动化测试解决方案
这篇文章是iOS自动化测试方案的第三部分,介绍了在没有MacOS系统条件下,如何使用WDA(WebDriverAgent)结合Python客户端库facebook-wda和tidevice工具,在Windows系统上实现iOS应用的自动化测试,包括环境准备、问题解决和扩展应用的详细步骤。
3382 1
iOS自动化测试方案(三):WDA+iOS自动化测试解决方案
|
存储 Windows
在 PowerShell 中获取代理设置
【8月更文挑战第27天】
1390 6
|
Kubernetes Ubuntu Linux
Kubernetes(K8S)集群管理Docker容器(部署篇)
Kubernetes(K8S)集群管理Docker容器(部署篇)
3122 1