第七章 View的滑动冲突

1. 概述

  在进行Android开发的时候,都可能会碰到滑动冲突。有时候,下载了一个Demo运行的好好的,但是出现滑动冲突,这样导致Demo运行崩溃。然后,整个人都炸了。下面来分析下滑动冲突是如何产生的呢?其实在界面中只要内外两侧同时可以滑动。这时候我们就会产生滑动冲突。如何解决滑动冲突呢?这就是我们这章需要分析的。

2. 常见的滑动冲突场景

  常见的滑动冲突场景可以简单分为三种:

场景 描述
场景一 外部滑动方向和内部滑动方向不一致
场景二 外部滑动方向和内部滑动方向一致
场景三 上面两种情况的嵌套
滑动冲突的场景

   场景一,主要是将ViewPager和Fragment配合使用的页面滑动效果。目前很多市场上的App几乎都是使用这个效果。在这种效果中,可以通过左右滑动来切换页面。而每个页面内部往往又是一个ListView,本来这种情况是冲突的,但是ViewPager内部处理了这种滑动冲突,所以采用Viewpger时,我们无需关注这个问题,但是如果我们采用的不是ViewPager而是ScrollView等,那就必须手动处理滑动冲突。造成的后果就是内外两层就只有一层能够滑动,除了这种情况,还存在其他情况,还有外部上下滑动,内部左右滑动等,它们都属于同一类的滑动。
  场景二,这种情况稍微复杂一些,当内外两层都在同一个方向可以滑动的时候,显然存在逻辑问题,当手指按住屏幕的时候,系统无法知道用户想滑动那一层,所以当手指滑动的时候就会出现问题,要么只有一层能滑动,要么就是两层能够都滑动的很卡顿。实际开发中,这种场景主要是值内外两层同时能上下滑动或者内外两层同时左右滑动。
  场景三是场景二和一的嵌套。具体来说,实际开发中外部有一个SlideMenu效果,然后内部一个ViewPager页面,ViewPager中的每一个页面又是一个ListView,这种场景滑动冲突更加复杂,处理起来其实也不复杂,只要处理好内层和中层,中层和外层之间的滑动冲突。

3. 滑动冲突的处理规则

  不管滑动冲突有多么复杂,它都有既定的规则。根据规则我们可以选择合适的方法处理。

  场景一的处理规则,当用户左右滑动的时候,需要让外部的View拦截点击事件,当用户上下滑动的时候,需要让内部的View拦截点击事件。这时候我们需要根据他们的特征来解决滑动冲突。具体就是来说:根据滑动方式是水平滑动还是数值滑动来判断到底是由内部的View还是外部的View来拦截事件。如图所示根据滑动过程中的两个点之间的坐标来判断是水平滑动还是垂直滑动。


滑动过程示意

  
如何根据坐标得到滑动的方向呢?这个很简单,可以根据滑动路径和水平方向所形成的夹角,也可以根据水平方向和竖直方向上的距离差,来判断,比如数值方向滑动的距离大就判断为竖直方向,否则判断为水平滑动,根据这个方法就可以进行下一步的解决方法指定了。

  场景二的处理规则,因为场景二是内外view的滑动方向一致,所以无法根据角度,距离差以及速度差来做判断,但是这个时候一般能在业务上找到突破点,根据状态的不同来判断是外部View拦截还是内部View拦截。比如需求是:当处于某种状态的时候,外部View去响应用户的滑动,而当处于另一种状态的时候需要内部View来响应用户的滑动。

  场景三和场景二一样,只能根据业务的需求来寻找突破点。

4. 滑动冲突的解决方式

  场景一的滑动冲突,很简单的,我们只需要根据滑动的距离差来距离判断,这个距离差就是所谓的滑动规则。如果用ViewPager去实现场景1中的效果,就不需要手动处理滑动冲突,因为ViewPager内部已经帮我们解决了。但是如果没有使用ViewPager的时候,我们需要怎样将点击事件交给合适的View去处理。这里将两种方法去解决滑动冲突:外部拦截法和内部拦截法。

4.1 外部拦截法

  外部拦截法是将点击事件都先经过父容器的拦截处理,如果父容器需要此事件就拦截,不需要就不拦截,这样就可以解决滑动冲突的问题了。这里就需要用到点击事件的分发机制,重写父容器的的onInterceptTouchEvent(MotionEvent event)方法,然后对于event的动作进行处理。常见的动作有MotionEvent.ACTION_DOWN,MotionEvent.ACTION_MOVE, MotionEvent.ACTION_UP。事件分发机制在上一章就讲解了,不了解的话,可以看看上一章Android 开发中的View和事件分发机制了解事件分发。

public boolean onInterceptHoverEvent(MotionEvent event) {
    boolean intercepted = false;
    int x = (int) event.getX();
    int y = (int) event.getY();
    switch (event.getAction()) {
        case MotionEvent.ACTION_DOWN:
            //必须为false
            //NOTE:如果在ACTION_DOWN返回true,那么后续的ACTION_MOVE和ACTION_UP
            //事件都会直接交给父容器处理,这个时候就没法再传递给子元素了
            intercepted = false;
            break;
        case MotionEvent.ACTION_MOVE:
            if (isParentNeed()) { //父容器需要当前点击事件
                intercepted = true;
            } else {
                intercepted = false;
            }
            break;
        case MotionEvent.ACTION_UP:
            //必须返回false,因为ACTION_UP本身没有太多意义
            intercepted = false;
            break;
        default:
            break;
    }

    mLastXIntercept = x;
    mLastYIntercept = y;
    return intercepted;
}  

  在onInterceotTouchEvent方法中,首先点击屏幕,父容器拦截ACTION_DOWN事件。必须返回false,即不拦截ACTION_DOWN事件,这样才能将事件传递给ViewGroup。甚至是View;其次是ACTION_MOVE事件,根据需求决定;最后是ACTION_UP,这里就必须返回false,因为是ACTION_UP事件本身没有太多意义。

4.2 内部拦截法

  内部拦截法是指父容器不拦截任何事件,所有的事件都传递给了子元素。如果此事件需要就直接消耗掉,否则就交给父容器进行处理,这和Android 中的事件分发机制不一样,需要配合requestDisallowInterceptTouchEvent方法才能正常工作。我们重写子元素的dispatchTouchEvent()方法。

public boolean dispatchTouchEvent(MotionEvent event) {
    int x = (int) event.getX();
    int y = (int) event.getY();

    switch (event.getAction()) {
        case MotionEvent.ACTION_DOWN:
            getParent().requestDisallowInterceptTouchEvent(true);
            break;
        case MotionEvent.ACTION_MOVE:
            int deltaX = x - mLastX;
            int deltaY = y - mLastY;
            if (isParentNeed()) { //父容器需要此点击事件
                getParent().requestDisallowInterceptTouchEvent(false);
            }
            break;
        case MotionEvent.ACTION_UP:
            break;
        default:
    }

    mLastX = x;
    mLastY = y;
    return super.dispatchTouchEvent(event);
}  

  上述代码实内部拦截法的典型代码,当面对不同的滑动策略时只需要修改里面的条件即可,其他不需要做改动而且也不能有改动。除了子元素需要处理以外,父元素也需要默认拦截除了ACTION_DOWN以外的其他事件,这样当子元素调用parent.requestDisallowInterceptTouchEvent(false)方法时父元素才能继续拦截所需要的事件。

还要重写外部View的onInterceptTouchEvent,当监听事件为ACTION_DOWN时,父元素不拦截。

public boolean onInterceptHoverEvent(MotionEvent event) {
    if (event.getAction() == MotionEvent.ACTION_DOWN) {
        return false;
    } else {
        return true;
    }
}  

下面是一个小demo。
github地址:https://github.com/wangxin3119/StylesViewDemo

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 194,088评论 5 459
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 81,715评论 2 371
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 141,361评论 0 319
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 52,099评论 1 263
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 60,987评论 4 355
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 46,063评论 1 272
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 36,486评论 3 381
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 35,175评论 0 253
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 39,440评论 1 290
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 34,518评论 2 309
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 36,305评论 1 326
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 32,190评论 3 312
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 37,550评论 3 298
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 28,880评论 0 17
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 30,152评论 1 250
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 41,451评论 2 341
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 40,637评论 2 335

推荐阅读更多精彩内容