iOS 全屏侧滑手势/UIScrollView/UISlider间滑动手势冲突

作者 : 开心源码 本文共2980个字,预计阅读时间需要8分钟 发布时间: 2022-05-12 共228人阅读

七夕节福利??效果预览

一、前期准备

有一个支持全屏侧滑返回的视图控制器ViewController,ViewController.view上有一个UIScrollView,UIScrollView上有UISlider。俺直接在之前的示例Demo上演示,简书地址:iOS 自己设置转场动画 ,Github地址 :WSLTransferAnimation

二、问题展现

  • 现象 1UIScrollView当前在第一页即contentOffset.x=0时,左滑不能触发全屏侧滑pop返回的手势

UIScrollView和全屏侧滑pop返回手势冲突示用意

  • 现象2问题1处理后,你会发现拖拽UIScrollView第一页上的UISlider时,向右拖拽时却触发了全屏侧滑pop返回的手势,而UISlider本身的拖拽事件却没有响应;向左拖拽UISlider时,响应的是UIScrollView的拖动事件,而UISlider本身的拖拽事件也没有响应

UISlider与UIScrollView、全屏侧滑pop返回手势冲突示用意

  • 现象3当你长按UISlider超过150ms后直接拖拽,就不存在现象2中UISlider与UIScrollView、全屏侧滑返回的冲突问题了

手势冲突.gif

三、分析处理问题

这些问题很显然,一定跟iOS事件的传递和响应链机制有关系,不理解的可以看看这篇文章 史上最详细的iOS之事件的传递和响应机制-原理篇。

  • 分析处理问题 1
    假如你理解事件的传递和响应链机制的话,应该能想到,是因为UIScrollView的内部手势方法阻断了全屏侧滑返回手势的的响应,那我们就找到这个方法,代码如下

创立一个UIScrollView的类别UIScrollView+GestureConflict,重写如下方法:

//解决UIScrollView上的手势和侧滑返回手势的冲突-(BOOL)gestureRecognizer:(UIGestureRecognizer *)gestureRecognizer shouldRecognizeSimultaneouslyWithGestureRecognizer:(UIGestureRecognizer *)otherGestureRecognizer{    // 首先判断otherGestureRecognizer是不是系统pop手势    if ([otherGestureRecognizer.view isKindOfClass:NSClassFromString(@"UILayoutContainerView")]) {        // 再判断系统手势的state是began还是fail,同时判断scrollView的位置是不是正好在最左边        if (otherGestureRecognizer.state == UIGestureRecognizerStateBegan && self.contentOffset.x == 0) {            return YES;        }    }    return NO;}
  • 分析处理问题 2和3

方案一:这个跟UIScrollView的一个属性delaysContentTouches有关。

scrollView.delaysContentTouches = NO;
delaysContentTouches 默认值为YES 表示推迟scrollView上子视图的响应,所以当直接拖动UISlider时,假如此时touch时间在150ms以内,UIScrollView会认为是拖动自己,从而阻拦了event,导致UISlider接收不到滑动的event。但是只需长按住UISlider一会儿再拖动,此时touch时间超过150ms,因而滑动的event会发送到UISlider上,而后UISlider再作出响应;设置为NO后,拖动UISlider时即可以直接做出响应,处理了UISlider与UIScrollView之间的冲突,同时也处理了向右拖拽时却触发了全屏侧滑pop返回的问题。

方案二: 重写类别UIScrollView+GestureConflict中的如下方法来处理UISlider与UIScrollView之间的冲突,而后还需要执行下面 问题补充 中的操作来解决UISlider的滑动与全屏侧滑pop返回事件的冲突。

//阻拦事件的解决 事件传递给谁,就会调使用谁的hitTest:withEvent:方法。//解决UISlider的滑动与UIScrollView的滑动事件冲突- (UIView *)hitTest:(CGPoint)point withEvent:(UIEvent *)event {    /*     直接拖动UISlider,此时touch时间在150ms以内,UIScrollView会认为是拖动自己,从而阻拦了event,导致UISlider接受不到滑动的event。但是只需按住UISlider一会再拖动,此时此时touch时间超过150ms,因而滑动的event会发送到UISlider上。     */    UIView *view = [super hitTest:point withEvent:event];        if([view isKindOfClass:[UISlider class]]) {        //假如接收事件view是UISlider,则scrollview禁止响应滑动        self.scrollEnabled = NO;    } else {   //假如不是,则恢复滑动        self.scrollEnabled = YES;    }    return view;}
  • 问题补充
    示例Demo中的UISlider是在UIScrollView上的,假如UISlider不是在UIScrollView上,而是直接就在ViewController.view上,那也就会出现拖拽UISlider时却响应了全屏侧滑pop返回手势的问题。

在支持全屏侧滑返回的UINavigationController的子类WSLNavigatioController中,遵守协议<UIGestureRecognizerDelegate>,实现如下方法:

#pragma mark -- UIGestureRecognizerDelegate//触发之后能否响应手势事件//解决侧滑返回与UISlider的拖动手势冲突- (BOOL)gestureRecognizer:(UIGestureRecognizer *)gestureRecognizer shouldReceiveTouch:(UITouch *)touch{    //假如手势是触摸的UISlider滑块触发的,侧滑返回手势就不响应    if ([touch.view isKindOfClass:[UISlider class]]) {        return NO;    }    return YES;}

四、应使用示例

手势冲突应使用示例.gif

好了,俺要去鹊桥跟俺家织女相会咯????(*?ω?),就说这么多了,今天七夕节,也祝各位单身猿告白成功,玩的开心??O(∩_∩)O哈哈~

表白??

推荐阅读:
iOS 自己设置转场动画
iOS 瀑布流封装
WKWebView的用
UIScrollView视觉差动画
iOS 传感器集锦
iOS 音乐播放器之锁屏歌词+歌词解析+锁屏效果
UIActivityViewController系统原生分享-仿简书分享
iOS UITableView获取特定位置的cell

说明
1. 本站所有资源来源于用户上传和网络,如有侵权请邮件联系站长!
2. 分享目的仅供大家学习和交流,您必须在下载后24小时内删除!
3. 不得使用于非法商业用途,不得违反国家法律。否则后果自负!
4. 本站提供的源码、模板、插件等等其他资源,都不包含技术服务请大家谅解!
5. 如有链接无法下载、失效或广告,请联系管理员处理!
6. 本站资源售价只是摆设,本站源码仅提供给会员学习使用!
7. 如遇到加密压缩包,请使用360解压,如遇到无法解压的请联系管理员
开心源码网 » iOS 全屏侧滑手势/UIScrollView/UISlider间滑动手势冲突

发表回复