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

阳光穿透心脏的1/2处 2022-05-14 11:16 207阅读 0赞

![Image 1][]

七夕节福利

![Image 1][]

效果预览

一、前期准备

> 有一个支持全屏侧滑返回的视图控制器ViewController，ViewController.view上有一个UIScrollView，UIScrollView上有UISlider。俺直接在之前的示例Demo上演示，简书地址：[iOS 自定义转场动画][iOS] ，Github地址 ：[WSLTransferAnimation][]

二、问题展示

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

![Image 1][]

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

*  **现象2** 、*问题1解决后，你会发现拖拽UIScrollView第一页上的UISlider时，向右拖拽时却触发了全屏侧滑pop返回的手势，而UISlider本身的拖拽事件却没有响应；向左拖拽UISlider时，响应的是UIScrollView的拖动事件，而UISlider本身的拖拽事件也没有响应*。

![Image 1][]

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

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

![Image 1][]

手势冲突.gif

三、分析解决问题

> 这些问题很显然，肯定跟iOS事件的传递和响应链机制有关系，不了解的可以看看这篇文章 [史上最详细的iOS之事件的传递和响应机制-原理篇][iOS_-]或者[iOS响应链全家桶][iOS 1]

*  **分析解决问题 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哈哈~

![Image 1][]

表白

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

作者：且行且珍惜\_iOS  
链接：https://www.jianshu.com/p/a9a322052f26  
來源：简书  
简书著作权归作者所有，任何形式的转载都请联系作者获得授权并注明出处。

[Image 1]: 
[iOS]: https://www.jianshu.com/p/a9b1307b305b
[WSLTransferAnimation]: https://github.com/wslcmk/WSLTransferAnimation.git
[iOS_-]: https://www.jianshu.com/p/2e074db792ba
[iOS 1]: https://www.jianshu.com/p/c294d1bd963d
[iOS 2]: https://www.jianshu.com/p/9fafd89c97ad
[WKWebView]: https://www.jianshu.com/p/5cf0d241ae12
[UIScrollView]: https://www.jianshu.com/p/3b30b9cdd274
[iOS 3]: https://www.jianshu.com/p/5fc26af852b6
[iOS 4]: https://www.jianshu.com/p/35ce7e1076d2
[UIActivityViewController_-]: https://www.jianshu.com/p/b6b44662dfda
[iOS UITableView_cell]: https://www.jianshu.com/p/70cdcdcb6764

发表评论取消回复

表情：

评论列表（有 0 条评论，207人围观）

还没有评论，来说两句吧...

相关阅读

相关 IOS手势操作：点击＋滑动

1.手指点击事件 //单指单击 UITapGestureRecognizer singleFingerOne = [[UITapGestureRecogniz

悠悠/ 2023年10月18日 13:42/ 0 赞/ 135 阅读

相关 iOS UIScrollview 和侧滑手势冲突解决方法

iOS UIScrollview 和侧滑手势冲突解决方法参考文章： [（1）iOS UIScrollview 和侧滑手势冲突解决方法][1_iOS UIScrollvie

水深无声/ 2023年02月19日 15:20/ 0 赞/ 7 阅读

相关解决右滑返回手势和UIScrollView中的手势冲突,5行代码

class BaseScrollView: UIScrollView { override func hitTest(_ point: CGPoint,

客官°小女子只卖身不卖艺/ 2022年10月01日 11:56/ 0 赞/ 165 阅读

相关 IOS 手势、手势响应器UIGestureRecognizer

手势，手势响应GestureRecognizer 关于手势响应[IOS][]中封装了一个类，能响应一般手势UIGestureRecognizer 下面说一下这个UIG

末蓝、/ 2022年06月16日 13:39/ 0 赞/ 310 阅读

相关自定义全屏返回手势

> 代码地址如下： > [http://www.demodashi.com/demo/11971.html][http_www.demodashi.com_demo_119

电玩女神/ 2022年05月29日 00:20/ 0 赞/ 261 阅读

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

![Image 1][] 七夕节福利 ![Image 1][] 效果预览一、前期准备 > 有一个支持全屏侧滑返回的视图控制器ViewController，ViewC

阳光穿透心脏的1/2处/ 2022年05月14日 11:16/ 0 赞/ 208 阅读

相关 iOS 全屏侧滑/UIScrollView/UISlider间滑动冲突

> 代码地址如下： > [http://www.demodashi.com/demo/13848.html][http_www.demodashi.com_demo_138

待我称王封你为后i/ 2022年05月11日 04:36/ 0 赞/ 361 阅读

相关处理侧滑返回与 ScrollView 手势冲突

与处理双击、单击手势互斥原则一样： // 手势互斥(侧滑返回手势失效后才响应UITableView的滑动手势) [tableView.panGestureRe

骑猪看日落/ 2022年03月22日 11:30/ 0 赞/ 266 阅读

相关 iOS 手势

iOS开发中手势识别有六种：轻击手势（TapGestureRecognizer）, 轻扫手势（SwipeGestureRecognizer）, 长按手势（LongPr

妖狐艹你老母/ 2022年03月22日 10:52/ 0 赞/ 271 阅读

相关 ios 锁屏手势_如何在iOS锁屏上使用基于手势的快捷方式

![ios 锁屏手势][ios] ios 锁屏手势 ![banner][] Jailbroken iOS devices have a lot of useful app

朴灿烈づ我的快乐病毒、/ 2021年07月26日 19:40/ 0 赞/ 488 阅读