澳门永利m5900cc

澳门永利m5900cc

  • 中国农业发展银行秀山支行:金融扶贫美景秀 春满边城四月天 2019-06-27
  • 7160亿美元国防开支:特朗普炫耀美军“有钱了” 2019-06-27
  • 七部门对炒房说“不”,传递了哪些信号 2019-06-27
  • 洪虎:父亲教育我们革命不是为当官 要为人民做事 2019-06-27
  • 天津确定南水北调工作目标任务 建成王庆坨水库 2019-06-27
  • 我们当然需要愤怒,因为愤怒是同仇敌忾的基础,是得以形成一个集体的催化剂。它跟理性思考一点关系都没有。 2019-06-27
  • 劳动节,向煤矿工人致敬! 2019-06-26
  • “文革”娱乐生活:周恩来请江青连看三天《红灯记》 2019-06-26
  • [田径]冬日那:北京马拉松即将鸣枪开跑 2019-06-26
  • 全程可追溯鲜牛奶在上海顺利进口 2019-06-26
  • 昔日“炮打炮” 今朝“心连心”——写在“炮击金门”战役60周年之际 2019-06-26
  • 校园送礼风为何难刹住: “送了没个完,不送没个底” 2019-06-26
  • 吴冠中《长江万里图》 2019-06-26
  • 广西壮族自治区两名干部涉嫌严重违纪违法接受审查调查 2019-06-26
  • 中国路 非洲梦!航拍阿尔及利亚特莱姆森连接线项目 2019-06-26
  • 登录 立即注册
    金钱:

    澳门永利m5900cc

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

    [复制链接]
    来自: wsl2ls 分类: iOS精品源码 上传时间: 2018-8-17 14:40:03
    Tag:

    项目介绍:

    澳门永利m5900cc www.alfanarrealestate.com 效果预览

    一、前期准备

    有一个支持全屏侧滑返回的视图控制器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

    好了,俺要去鹊桥跟俺家织女相会咯??

    相关源码推荐:

    我来说两句
    *滑动验证:
    所有评论(5)
    知新1990 2018-8-20 10:35:26
    写的真的很不错
    回复
    应用安卓 2018-8-20 10:35:58
    膜拜大神~
    回复
    打个酱油的 2018-8-20 10:38:39
    小弟学习了~支持,支持
    回复
    码农创新者 2018-8-20 10:39:55
    帮帮顶顶!!
    回复
    ou大神 2018-8-20 10:40:26
    我是来学习的
    回复
    天天bug 2018-8-20 10:40:57
    支持,感谢,祝code4app越来越好~
    回复
    code4app热心网友 2018-8-22 11:38:39
    学习学习!
    回复
    code4app热心网友 2018-8-22 11:39:44
    淡定,淡定,淡定……
    回复
    Zcf1314520 2018-8-23 09:58:44
    楼主威武啊,澳门永利m5900cc有你更给力!
    回复
    提取码:  下载次数:1 状态:已购或VIP 售价:0(原价:15)金钱 下载权限:初级码农 
    169 0 1
    联系我们
    首页/微信公众账号投稿

    帖子代码编辑/版权问题

    QQ:435399051,742864542

    如何获得代码达人称号?

    代码贡献英雄榜
    用户名 下载数
    通过邮件订阅最新 澳门永利m5900cc 信息
    上一条 /4 下一条
    联系我们
    关闭
    合作电话:
    13802416937
    Email:
    435399051@qq.com
    商务市场合作/投稿
    问题反馈及帮助
    联系我们

    广告投放| Github|申请友链|手机版|澳门永利m5900cc ( 粤ICP备15117877号-1 )

    快速回复 澳门永利m5900cc 返回列表