自定义View系列教程08--滑动冲突的产生及其处理

自定义View系列教程01--常用工具介绍

自定义View系列教程02--onMeasure源码详尽分析

自定义View系列教程03--onLayout源码详尽分析

自定义View系列教程04--Draw源码分析及其实践

自定义View系列教程05--示例分析

自定义View系列教程06--详解View的Touch事件处理

自定义View系列教程07--详解ViewGroup分发Touch事件

自定义View系列教程08--滑动冲突的产生及其处理

在之前的几篇文章中，我们已经分析了View对于Touch的处理以及ViewGroup对于Touch事件的分发。 
但在开发中时常遇到一个棘手的问题：Touch事件的滑动冲突。比如ListView嵌套ScrollView，ViewPager嵌套ScrollView，ListView嵌套ScrollView时常常发生。

一.常见冲突场景：

场景1：外部滑动方向和内部滑动方向不一致。例如：ViewPaget+Fragment(ListView)或者HorizontalScrollView+listView

场景2：外部滑动方向和内部滑动方向一致。例如：HoriaontalScrollView+ViewPager

场景3：上面两种的嵌套。例如：SlideMenu+ViewPager+ListView

二.滑动冲突的处理规则：

如下图：根据滑动过程中两点之间的坐标，可以得出到底是水平滑动还是竖直滑动。

得到坐标之后可以通过：1.滑动角度    2.滑动的距离差    3.滑动的速度差    或者是从业务上找突破点。

三.滑动冲突的解决方法：

    1.在父View中准确地进行事件分发和拦截【外部拦截法】 
我们可以重写父View中与Touch事件分发相关的方法，比如onInterceptTouchEvent( )。这些方法中摒弃系统默认的流程，结合自身的业务逻辑重写该部分代码，从而使父View放行子View需要的Touch。

      2.子View禁止父View拦截Touch事件 【内部拦截法】

         在分析ViewGroup的dispatchTouchEvent()源码时，我们知道：Touch事件是由父View分发的。如果一个Touch事件是子View需要的，但是被其父View拦截了，子View就无法处理该Touch事件了。在此情形下，子View可以调用requestDisallowInterceptTouchEvent( )禁止父View对Touch的拦截

伪代码：

外部拦截法：

@Override//父类    public boolean onInterceptTouchEvent(MotionEvent event) {        boolean intercepted = false;        int x = (int) event.getX();        int y = (int) event.getY();        switch (event.getAction()) {        case MotionEvent.ACTION_DOWN: {            intercepted = false;            break;        }        case MotionEvent.ACTION_MOVE:             if (父容器需要当前点击事件)) {                intercepted = true;            } else {                intercepted = false;            }            break;        }        case MotionEvent.ACTION_UP: {            intercepted = false;            break;        }        default:            break;        }        mLastXIntercept = x;        mLastYIntercept = y;        return intercepted;    }//注释：ACTION_DOWN这个事件，父容器必须返回false，因为一旦父拦截了，后续ACTION_MOVE,ACTION_UP事件都会直接交给父处理，事件无>法传给子元素。      //ACTION_MOVE这个事件，根据需要来决定：父需要拦截返回true，否则返回false。      //ACTION_UP这个事件，必须返回false，因为ACTION_UP事件本身没有太多意义。        //说明：为什么说ACTION_UP必须返回false？      //当返回true时，考虑一种情况，假设事件交给子处理，如果父在ACTION_UP时返回true，就会导致子无法收到ACTION_UP事件，子的Click事件就无法触发。（就出现了问题）      //即使总返回false，也不会出错，因为父容器比较特殊，一旦开始拦截任何一个事件，那么后续事件都会交给它来处理，而ACTION_UP作为最后一个事件，也必定可以传给父容器，即是父容器的onInterceptTouchEvent方法在ACTION_UP返回了false。

内部拦截法：

//内部拦截法 @Override//子类    public boolean dispatchTouchEvent(MotionEvent event) {        int x = (int) event.getX();        int y = (int) event.getY();        switch (event.getAction()) {        case MotionEvent.ACTION_DOWN: {            parent.requestDisallowInterceptTouchEvent(true);            break;        }        case MotionEvent.ACTION_MOVE: {            int deltaX = x - mLastX;            int deltaY = y - mLastY;                       if (父容器需要此类点击事件) {                parent.requestDisallowInterceptTouchEvent(false);            }            break;        }        case MotionEvent.ACTION_UP: {            break;        }        default:            break;        }        mLastX = x;        mLastY = y;        return super.dispatchTouchEvent(event);    }}//注释：除了子元素需要做处理以外，父元素也要默认拦截ACTION_DOWN以外的其他事件，这样当子元素调用parent.requestDisallowInterceptTouchEvent(false)方法时，父元素才能继续拦截所需的事件。 @Override//父类    public boolean onInterceptTouchEvent(MotionEvent event) {        int x = (int) event.getX();        int y = (int) event.getY();        int action = event.getAction();        if (action == MotionEvent.ACTION_DOWN) {            mLastX = x;            mLastY = y;            return false;        } else {            return true;        }    }

四，示例展示解决滑动冲突的常用方法。

示例效果，请看下图:

它的布局文件如下：

<?xml version="1.0" encoding="utf-8"?><RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"    xmlns:tools="http://schemas.android.com/tools"    android:layout_width="match_parent"    android:layout_height="match_parent"    tools:context="com.stay4it.testtouch3.MainActivity">    <HorizontalScrollView        android:id="@+id/horizontalScrollView"        android:layout_height="450dp"        android:layout_width="match_parent"        android:scrollbars="horizontal"        android:fillViewport="true">        <android.support.v4.view.ViewPager            android:id="@+id/viewPager"            android:layout_width="match_parent"            android:layout_height="match_parent" />    </HorizontalScrollView></RelativeLayout>

在该示例中，我们在HorizontalScrollView中嵌入ViewPager浏览图片。由于HorizontalScrollView和ViewPager都可以响应水平滑动，当我们用手指切换图片时发现ViewPager无法正常的滚动。这是因为Touch事件被HorizontalScrollView处理，根本没有传递给ViewPager。

嗯哼，滑动冲突的原因已经清楚了，我们现在来解决这个问题。

第一种解决方法

在ViewPager中禁止HorizontalScrollView拦截Touch事件

package com.stay4it.testtouch3;import android.os.Bundle;import android.support.v4.view.ViewPager;import android.support.v7.app.AppCompatActivity;import android.view.MotionEvent;import android.view.View;/** * 原创作者 * 谷哥的小弟 * * 博客地址 * http://blog.csdn.net/lfdfhl */public class MainActivity extends AppCompatActivity {    private ViewPager mViewPager;    private ViewPagerAdapter mViewPagerAdapter;    @Override    protected void onCreate(Bundle savedInstanceState) {        super.onCreate(savedInstanceState);        setContentView(R.layout.activity_main);        init();    }    private void init(){        mViewPager = (ViewPager) findViewById(R.id.viewPager);        mViewPagerAdapter=new ViewPagerAdapter(this);        mViewPager.setAdapter(mViewPagerAdapter);        mViewPager.setOnTouchListener(new View.OnTouchListener() {            @Override            public boolean onTouch(View v, MotionEvent event) {                mViewPager.getParent().requestDisallowInterceptTouchEvent(true);                return false;            }        });    }}

在此，请关注第32行代码

mViewPager.getParent().requestDisallowInterceptTouchEvent(true);

此处首先利用 mViewPager.getParent( )得到了ViewPager的父View即HorizontalScrollView；然后再执行requestDisallowInterceptTouchEvent( )方法从而禁止掉父View对于Touch事件的传递。

第二种解决方法

在自定义HorizontalScrollView中合理地处理Touch事件的拦截和分发

package com.stay4it.testtouch4;import android.content.Context;import android.util.AttributeSet;import android.view.MotionEvent;import android.widget.HorizontalScrollView;/** * 原创作者 * 谷哥的小弟 * * 博客地址 * http://blog.csdn.net/lfdfhl */public class HorizontalScrollViewSubclass extends HorizontalScrollView{    private float LastX;    private float LastY;    private float distanceX;    private float distanceY;    public HorizontalScrollViewSubclass(Context context, AttributeSet attrs) {        super(context, attrs);    }    @Override    public boolean dispatchTouchEvent(MotionEvent ev) {        return super.dispatchTouchEvent(ev);    }    @Override    public boolean onInterceptTouchEvent(MotionEvent ev) {        switch (ev.getAction()){            case MotionEvent.ACTION_DOWN:                distanceX = 0f;                distanceY = 0f;                LastX = ev.getX();                LastY = ev.getY();                break;            case MotionEvent.ACTION_MOVE:                final float currentX = ev.getX();                final float currentY = ev.getY();                distanceX += Math.abs(currentX - LastX);                distanceY += Math.abs(currentY - LastY);                LastX = currentX;                LastY = currentY;                if(distanceX > distanceY){                    return false;                }                break;            case MotionEvent.ACTION_UP:                break;        }        return super.onInterceptTouchEvent(ev);    }    @Override    public boolean onTouchEvent(MotionEvent ev) {        return super.onTouchEvent(ev);    }}

从这段代码中，我们的主要操作是在自定义HorizontalScrollView中重写了onInterceptTouchEvent( )。 

在该方法中如果判定Touch是水平的滑动：

if(distanceX > distanceY)

那么直接返回false不拦截该Touch。这样Touch事件就可以顺利传递到其子View即ViewPager中，从而正常地切换图片。

既然已经采用了自定义的HorizontalScrollView就不要忘记修改布局文件喔~

<?xml version="1.0" encoding="utf-8"?><RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"    xmlns:tools="http://schemas.android.com/tools"    android:layout_width="match_parent"    android:layout_height="match_parent"    tools:context="com.stay4it.testtouch4.MainActivity">    <com.stay4it.testtouch4.HorizontalScrollViewSubclass        android:id="@+id/horizontalScrollView"        android:layout_height="450dp"        android:layout_width="match_parent"        android:scrollbars="horizontal"        android:fillViewport="true"      >        <android.support.v4.view.ViewPager            android:id="@+id/viewPager"            android:layout_width="match_parent"            android:layout_height="match_parent" />    </com.stay4it.testtouch4.HorizontalScrollViewSubclass></RelativeLayout>

嗯哼，在此通过一个完整的示例展示了事件滑动冲突的常用解决方式。 

在实际的项目开发中所遇到的滑动冲突可能比这要复杂，但是处理冲突的基本原理和方式是相同的。

---

至此，自定义View系列教程就全部结束了

多谢大家的指正和鼓励

Thank you very much

原文链接：http://blog.csdn.net/lfdfhl/article/details/51656492