Android利用添加自定义布局来搞定触摸事件的分发,解决组合界面中特定控件响应特定方向的事件

来源:互联网 发布:淘宝店铺大图怎么做 编辑:程序博客网 时间:2024/06/11 05:01

这个例子是比较有用的,基本上可以说,写完这一次,以后很多情况下,直接拿过来addView一下,然后再addInterceptorView一下,就可以轻轻松松的达到组合界面中特定控件来响应特定方向的触摸事件了。


        请尊重原创劳动成果,转载请注明出处:http://blog.csdn.net/cyp331203/article/details/45198549,非允许请勿用于商业或盈利用途,违者必究。


        在写Android应用的过程之中,经常会遇到这样的情况:界面包含了多个控件,我们希望触摸在界面上的不同滑动动作能被不同的控件所接收,或者在界面不同位置滑动的动作能被不同的控件所接收,换句话说,能否让特定子view响应特定方向的触摸事件?一个典型的例子就是ListViewHeader的组合:




遇到的问题:


        在上图的例子中,会发现一个问题,就是当手指在顶部轮播图上滑动的时候,如果我们想滑动轮播图,只能在手指非常水平的时候才能让轮播图翻动,而在手指滑动轨迹稍微有一点倾斜的时候,就发现触摸事件被ListView给响应了,变成了上下滑动ListView,这种体验显然不是很好。


        假如说我们现在想要一种简单的实现:可能整个应用有很多页面,现在想在当前这个特定的界面,使得当手指在轮播图范围内滑动的时候,当手指轨迹角度<45度的时候(方向上较水平),那么让轮播图响应触摸事件,使得顶部图片能够水平滑动;让当手指手势轨迹角度>45度的时候(方向上较竖直),能够ListView来响应触摸事件,使得整个ListView能够上下滑动,这种效果要如何实现呢?


解决办法:


        专栏的上一篇文章中,详细分析了Android的触摸事件的分发流程和ViewGroup的源代码(不熟悉的朋友可以看看:Android自定义控件系列九:从源码看Android触摸事件分发机制)。看过上一篇文章之后,应该了解到,Andrioid事件的分发是一层一层的进行的,最开始分发的时候总是从上层到下层,从活动的Activity开始,到DecorView,然后到我们写的布局,然后再是布局中的其他组件,那么本文的解决办法就是自定义一个ViewGroup,包裹在原来的ListView之外,放在这个特定的界面上。由于事件分发是一层层的进行的,所以我们重写这个外层的自定义ViewGroupdispatchTouchEvent方法就可以实现控制所有子view的事件分发机制,从而在这个特定的界面实现我们想要的触摸事件的响应机制。


写一个自定的FrameLayoutInterceptorFrameLayout,重写dispatchTouchEvent(MotionEvent ev)方法,主要解决几个问题:


1、在事件分发的时候,我们得到的是MotionEvent 事件,如何判断这个事件是否落在我们想要的控件区域上呢?


思路:可以在InterceptorFrameLayout中,使用一个Map集合,来存放我们想要控制触摸事件的View和对应的代表方向的参数,对外界暴露addremove方法,来添加和移除拦截的view对象。然后拿到event事件之后,调用event.getRawXevent.getRawY可以拿到相对屏幕左上角的绝对坐标,然后遍历view的map集合对所有的判断触摸的绝对坐标是不是在View的范围内,且要拦截的方向参数是否符合。判断触摸是否在view上,可以使用view.getLocationOnScreen(int[])方法,得到的int数组,第一个元素表示view的左上角的x坐标,第二个元素表示view的右上角坐标,具体判断方法如下:


[java] view plaincopy
  1. public static boolean isTouchInView(MotionEvent ev, View view) {//判断ev是否发生在view的范围内  
  2.     static int[] touchLocation = new int[2];  
  3.     view.getLocationOnScreen(touchLocation);//通过getLocationOnScreen方法,获取当前子view左上角的坐标  
  4.     float motionX = ev.getRawX();  
  5.     float motionY = ev.getRawY();  
  6.   
  7.     // 返回是否在范围内,通过触摸事件的坐标和本子view的左上右下四边的坐标比较,来判断是不是落在view内  
  8.     return motionX >= touchLocation[0]  
  9.             && motionX <= (touchLocation[0] + view.getWidth())  
  10.             && motionY >= touchLocation[1]  
  11.             && motionY <= (touchLocation[1] + view.getHeight());  
  12. }  


[java] view plaincopy
  1. /** 在集合中查找对应event和方向参数的view,找到了则返回,没找到返回null */  
  2.     private View findTargetView(MotionEvent ev, int orientation) {  
  3.         // mViewAndOrientation为存放要监测触摸事件的子view和对应方向参数的集合  
  4.         Set<View> keySet = mViewAndOrientation.keySet();  
  5.         for (View view : keySet) {  
  6.             Integer ori = mViewAndOrientation.get(view);  
  7.   
  8.             // 由于所有的方向参数都是二进制相互与运算为0的  
  9.             // 所以这里使用与运算来判断方向是否符合  
  10.             // 这里所有的判断条件是:  
  11.             // ①该子view在mViewAndOrientation集合内  
  12.             // ②方向一致  
  13.             // ③触摸事件落在该子view的范围内  
  14.             // ④该子view可以消费掉本次事件  
  15.             // 同时满足上面四个条件,则代表该子view是我们要找的子view,于是返回  
  16.             if ((ori & orientation) == orientation && isTouchInView(ev, view)  
  17.                     && view.dispatchTouchEvent(ev)) {  
  18.                 return view;  
  19.             }  
  20.         }  
  21.         return null;  
  22.     }  


2、重写dispatchTouchEvent方法:


①如何处理Down事件和Move以及Cancel和Up事件的关系。


这个关系的纽带实际上就是mFirstTouchTarget,如果看完上一篇博文:Android自定义控件系列九:从源码看Android触摸事件分发机制还有印象的话,源码中mFirstTouchTarget会记录能够在Down事件时能够消费事件的子view,然后在Down事件之后的其他事件响应,都可以根据mFirstTouchTarget的状态来做进一步的判断后续动作。在这里我们也仿照源码的方式,定义一个mFirstTarget。在每一次进入到dispatchTouchEvent的时候,先需要判断一下mFirstTarget是否为空,如果mFirstTarget不为空,则代表之前有Down事件能够被某一个监测集合中的子view消费,于是我们可以继续调用boolean flag = mFirstTarget.dispatchTouchEvent()方法,将后续的事件(Move,Cancel,UP等)通过dispatchTouchEvent传递到这个对应的子view--mFirstTarget上去;这个时候,如果flag返回true,则表示该子view(mFirstTarget)已经完全消费掉了事件,那么就应该将mFirstTarget重新置为空,方便下一次事件的分发;或者这个touch事件是Cancel或者Up,那么也表示本次事件的终止,于是也要将mFirstTarget置空。然后再将flag的值返回。


注意一点:这里我们的方向值定义如下:

[java] view plaincopy
  1. /** 代表滑动方向向上 */  
  2. public static final int ORIENTATION_UP = 0x1;// 0000 0001  
  3. /** 代表滑动方向向下 */  
  4. public static final int ORIENTATION_DOWN = 0x2;// 0000 0010  
  5. /** 代表滑动方向向左 */  
  6. public static final int ORIENTATION_LEFT = 0x4;// 0000 0100  
  7. /** 代表滑动方向向右 */  
  8. public static final int ORIENTATION_RIGHT = 0x8;// 0000 1000  
  9. /** 代表滑动方向的所有方向 */  
  10. public static final int ORIENTATION_ALL = 0x10;// 0001 0000  

需要明确的一点是:我们通过public void addInterceptorView(final View view, final int orientation)传进来的view和对应的方向,表示当该方向上的move事件发生在这个view上时,且这个view能够消费掉这个事件的时候,让这个view去响应这个方向上的触摸事件,否则交给InterceptorFrameLayout的super.dispatchTouchEvent去处理;这里的这个否则的判断依据就是mFirstTarget = findTargetView(ev, ORIENTATION_ALL);的值是否为null。


也就是说addInterceptorView进来的view和方向,就是让这个view响应该方向上的动作,不是这个方向上的动作,让别的集合中的view去响应,如果找不到集合中任何一个view响应的话,则让viewGroup去响应,调用默认的super.dispatchTouchEvent。


而在dispatchTouchEvent刚开始执行的时候,我们需要知道mFirstTarget 是否为空,来判断是否之前有Down事件被集合中的某个子view响应了,如果mFirstTarget确实不为null,则代表这一次的事件是上一次事件的继续,而且目标view都是mFirstTarget,于是我们只需要简单的调用 boolean flag = mFirstTarget.dispatchTouchEvent(ev);即可。然后再根据状态值,确定是否要将mFirstTarget置空。


[java] view plaincopy
  1. @Override  
  2.     public boolean dispatchTouchEvent(MotionEvent ev) {  
  3.   
  4.         int action = ev.getAction();  
  5.         // 意思应该是触发移动事件的最短距离,如果小于这个距离就不触发移动控件,  
  6.         // 如viewpager就是用这个距离来判断用户是否翻页  
  7.         mTouchSlop = configuration.getScaledTouchSlop();  
  8.   
  9.         if (mFirstTarget != null) {  
  10.             // mFirstTarget不为空,表示最近的一次DOWN事件已经被mViewAndOrientation集合中的某个子view响应  
  11.             // 于是将后续的事件继续分发给这个子view  
  12.             boolean flag = mFirstTarget.dispatchTouchEvent(ev);  
  13.   
  14.             // 如果flag=true,表示本次事件被子view消耗,如果事件是ACTION_CANCEL或者ACTION_UP,  
  15.             // 也代表事件的结束,于是将mFirstTarget置空,便于下一次DOWN事件的响应  
  16.             if (flag  
  17.                     && (action == MotionEvent.ACTION_CANCEL || action == MotionEvent.ACTION_UP)) {  
  18.                 mFirstTarget = null;  
  19.             }  
  20.             // 返回flag  
  21.             return flag;  
  22.         }  
  23.     ...  
  24. }  


②处理Down事件:


Down事件发生的时候,我们并不知道接下来的Move的方向,所以在这个时候,我们只能把事件传递下去,并返回符合条件的子viewview.dispatchTouchEvent()方法的结果,如果能够找到符合条件的集合中的子 view,且这个子view.dispatchTouchEvent能够返回true,代表找到了符合条件的子view,所以将其值赋值给mFirstTarget。在Down事件的过程中,需要记录本次Down事件的x,y坐标,以供随后的MOVE事件做判断使用。


[java] view plaincopy
  1. // 拿到本次事件的坐标,由于只需要计算差值,所以getX也可以  
  2.         final float currentX = ev.getX();  
  3.         final float currentY = ev.getY();  
  4.   
  5.         switch (ev.getAction()) {  
  6.         case MotionEvent.ACTION_DOWN:  
  7.             mFirstTarget = findTargetView(ev, ORIENTATION_ALL);//这里是ORIENTATION_ALL的原因是,只有想截断所有方向的MOVE,才在DOWN的时候就拦截掉,这里mFirstTarget将不为null,否则这里一直都会是null  
  8.             downX = currentX;  
  9.             downY = currentY;  
  10.             break;  



③MOVE事件:


MOVE事件发生的时候,我们再次获取一下当前的x,y坐标,然后跟DOWN事件的时候做一下对比,即可得出当前滑动方向是朝哪个方向,然后就可以根据这个方向和触摸事件,查找是否具有符合要求的子view,有则赋值给mFirstTarget:


[java] view plaincopy
  1. case MotionEvent.ACTION_MOVE:  
  2.             if (Math.abs(currentX - downX) > Math.abs(currentY - downY)  
  3.                     && Math.abs(currentX - downX) > mTouchSlop) {  
  4.                 System.out.println("左右滑动");  
  5.                 // 左右滑动  
  6.                 if (currentX - downX > 0) {  
  7.                     // 右滑  
  8.                     mFirstTarget = findTargetView(ev, ORIENTATION_RIGHT);  
  9.                 } else {  
  10.                     // 左滑  
  11.                     mFirstTarget = findTargetView(ev, ORIENTATION_LEFT);  
  12.                 }  
  13.             } else if (Math.abs(currentY - downY) > Math.abs(currentX - downX)  
  14.                     && Math.abs(currentY - downY) > mTouchSlop) {  
  15.                 System.out.println("上下滑动");  
  16.                 // 上下滑动  
  17.                 if (currentY - downY > 0) {  
  18.                     // 向下  
  19.                     mFirstTarget = findTargetView(ev, ORIENTATION_DOWN);  
  20.                 } else {  
  21.                     // 向上  
  22.                     mFirstTarget = findTargetView(ev, ORIENTATION_UP);  
  23.                 }  
  24.                 mFirstTarget = null;  
  25.             }  
  26.             break;  


④处理CANCEL或者UP事件:


如果事件是Cancel或者Up,则表示本次触摸事件结束了,那么将mFirstTarget置空,方便接收下一次DOWN事件:

[java] view plaincopy
  1. case MotionEvent.ACTION_CANCEL:  
  2. case MotionEvent.ACTION_UP:  
  3.     mFirstTarget = null;  
  4.     break;  
  5. }  


随后,如果mFirstTarget不为空,则表示找到了对应的子view来接收,不需要继续分发事件,则返回true;如果此时mFirstTarget为空,则表示集合中没有能响应本次事件的子view,那么交给super.dispatchTouchEvent(ev)处理:

[java] view plaincopy
  1. // 走到这里,只要mFirstTarget不为空,则在集合中找到了对应的子view,  
  2.         // 则返回true,表示本次事件被消耗,不继续分发  
  3.         if (mFirstTarget != null) {  
  4.             return true;  
  5.         } else {  
  6.             return super.dispatchTouchEvent(ev);  
  7.         }  


重写完了之后,就可以将原本添加ListView的地方用我们写的这个InterceptorFrameLayout添加进去,然后将ListView通过addview添加成InterceptorFrameLayout的孩子。这样就可以达到目的啦,来看看效果:





下面是InterceptorFrameLayout完整代码:

[java] view plaincopy
  1. package com.example.viewpagerlistview.view;  
  2.   
  3. import java.util.HashMap;  
  4. import java.util.Set;  
  5.   
  6. import com.example.viewpagerlistview.application.BaseApplication;  
  7.   
  8. import android.content.Context;  
  9. import android.util.AttributeSet;  
  10. import android.view.MotionEvent;  
  11. import android.view.View;  
  12. import android.view.ViewConfiguration;  
  13. import android.widget.FrameLayout;  
  14.   
  15. /** 
  16.  * @author : 苦咖啡 
  17.  *  
  18.  * @version : 1.0 
  19.  *  
  20.  * @date :2015年4月19日 
  21.  *  
  22.  * @blog : http://blog.csdn.net/cyp331203 
  23.  *  
  24.  * @desc : 
  25.  */  
  26. public class InterceptorFrameLayout extends FrameLayout {  
  27.   
  28.     /** 代表滑动方向向上 */  
  29.     public static final int ORIENTATION_UP = 0x1;// 0000 0001  
  30.     /** 代表滑动方向向下 */  
  31.     public static final int ORIENTATION_DOWN = 0x2;// 0000 0010  
  32.     /** 代表滑动方向向左 */  
  33.     public static final int ORIENTATION_LEFT = 0x4;// 0000 0100  
  34.     /** 代表滑动方向向右 */  
  35.     public static final int ORIENTATION_RIGHT = 0x8;// 0000 1000  
  36.     /** 代表滑动方向的所有方向 */  
  37.     public static final int ORIENTATION_ALL = 0x10;// 0001 0000  
  38.   
  39.     /** 存放view的左上角的x和y坐标 */  
  40.     static int[] touchLocation = new int[2];  
  41.   
  42.     /** 用来代表触发移动事件的最短距离,如果小于这个距离就不触发移动控件,如viewpager就是用这个距离来判断用户是否翻页 */  
  43.     private int mTouchSlop;  
  44.   
  45.     /** 用来记录Down事件发生时的x坐标 */  
  46.     private float downX;  
  47.     /** 用来记录Down事件发生时的y坐标 */  
  48.     private float downY;  
  49.     /** 用来存放需要自主控制事件分发的子view,以及其对应的滑动方向 */  
  50.     private HashMap<View, Integer> mViewAndOrientation = new HashMap<View, Integer>();  
  51.     /** 表示某次事件发生时,找到的mViewAndOrientation中符合条件的子view */  
  52.     private View mFirstTarget = null;  
  53.     private ViewConfiguration configuration;  
  54.   
  55.     public InterceptorFrameLayout(Context context, AttributeSet attrs,  
  56.             int defStyleAttr) {  
  57.         super(context, attrs, defStyleAttr);  
  58.         init();  
  59.     }  
  60.   
  61.     public InterceptorFrameLayout(Context context, AttributeSet attrs) {  
  62.         super(context, attrs);  
  63.         init();  
  64.     }  
  65.   
  66.     public InterceptorFrameLayout(Context context) {  
  67.         super(context);  
  68.         init();  
  69.     }  
  70.   
  71.     private void init() {  
  72.         configuration = ViewConfiguration.get(getContext());  
  73.     }  
  74.   
  75.     @Override  
  76.     public boolean dispatchTouchEvent(MotionEvent ev) {  
  77.   
  78.         int action = ev.getAction();  
  79.         // 意思应该是触发移动事件的最短距离,如果小于这个距离就不触发移动控件,  
  80.         // 如viewpager就是用这个距离来判断用户是否翻页  
  81.         mTouchSlop = configuration.getScaledTouchSlop();  
  82.   
  83.         if (mFirstTarget != null) {  
  84.             // mFirstTarget不为空,表示最近的一次DOWN事件已经被mViewAndOrientation集合中的某个子view响应  
  85.             // 于是将后续的事件继续分发给这个子view  
  86.             boolean flag = mFirstTarget.dispatchTouchEvent(ev);  
  87.   
  88.             // 如果flag=true,表示事件被完全消耗,结束了,如果事件是ACTION_CANCEL或者ACTION_UP,  
  89.             // 也代表事件的结束,于是将mFirstTarget置空,便于下一次DOWN事件的响应  
  90.             if (flag  
  91.                     && (action == MotionEvent.ACTION_CANCEL || action == MotionEvent.ACTION_UP)) {  
  92.                 mFirstTarget = null;  
  93.             }  
  94.             // 返回flag  
  95.             return flag;  
  96.         }  
  97.   
  98.         // 拿到本次事件的坐标,由于只需要计算差值,所以getX也可以  
  99.         final float currentX = ev.getX();  
  100.         final float currentY = ev.getY();  
  101.   
  102.         switch (ev.getAction()) {  
  103.         case MotionEvent.ACTION_DOWN:  
  104.             mFirstTarget = findTargetView(ev, ORIENTATION_ALL);  
  105.             downX = currentX;  
  106.             downY = currentY;  
  107.             break;  
  108.         case MotionEvent.ACTION_MOVE:  
  109.             if (Math.abs(currentX - downX) / Math.abs(currentY - downY) > 0.5f  
  110.                     && Math.abs(currentX - downX) > mTouchSlop) {  
  111.                 System.out.print("左右滑动");  
  112.                 // 左右滑动  
  113.                 if (currentX - downX > 0) {  
  114.                     // 右滑  
  115.                     mFirstTarget = findTargetView(ev, ORIENTATION_RIGHT);  
  116.                     System.out.println("mFirstTarget="+mFirstTarget);  
  117.                 } else {  
  118.                     // 左滑  
  119.                     mFirstTarget = findTargetView(ev, ORIENTATION_LEFT);  
  120.                     System.out.println("mFirstTarget="+mFirstTarget);  
  121.                 }  
  122.             } else if (Math.abs(currentY - downY) / Math.abs(currentX - downX) > 0.5f  
  123.                     && Math.abs(currentY - downY) > mTouchSlop) {  
  124.                 System.out.print("上下滑动");  
  125.                 // 上下滑动  
  126.                 if (currentY - downY > 0) {  
  127.                     // 向下  
  128.                     mFirstTarget = findTargetView(ev, ORIENTATION_DOWN);  
  129.                     System.out.println("mFirstTarget="+mFirstTarget);  
  130.                 } else {  
  131.                     // 向上  
  132.                     mFirstTarget = findTargetView(ev, ORIENTATION_UP);  
  133.                     System.out.println("mFirstTarget="+mFirstTarget);  
  134.                 }  
  135.                 mFirstTarget = null;  
  136.             }  
  137.             break;  
  138.   
  139.         case MotionEvent.ACTION_CANCEL:  
  140.         case MotionEvent.ACTION_UP:  
  141.             mFirstTarget = null;  
  142.             break;  
  143.         }  
  144.   
  145.         // 走到这里,只要mFirstTarget不为空,则在集合中找到了对应的子view,  
  146.         // 则返回true,表示本次事件被消耗,不继续分发  
  147.         if (mFirstTarget != null) {  
  148.             return true;  
  149.         } else {  
  150.             return super.dispatchTouchEvent(ev);  
  151.         }  
  152.     }  
  153.   
  154.     /** 在集合中查找对应event和方向参数的view,找到了则返回,没找到返回null */  
  155.     private View findTargetView(MotionEvent ev, int orientation) {  
  156.         // mViewAndOrientation为存放要监测触摸事件的子view和对应方向参数的集合  
  157.         Set<View> keySet = mViewAndOrientation.keySet();  
  158.         for (View view : keySet) {  
  159.             Integer ori = mViewAndOrientation.get(view);  
  160.   
  161.             // 由于所有的方向参数都是二进制相互与运算为0的  
  162.             // 所以这里使用与运算来判断方向是否符合  
  163.             // 这里所有的判断条件是:  
  164.             // ①该子view在mViewAndOrientation集合内  
  165.             // ②方向一致  
  166.             // ③触摸事件落在该子view的范围内  
  167.             // ④该子view可以消费掉本次事件  
  168.             // 同时满足上面四个条件,则代表该子view是我们要找的子view,于是返回  
  169.             if ((ori & orientation) == orientation && isTouchInView(ev, view)  
  170.                     && view.dispatchTouchEvent(ev)) {  
  171.                 return view;  
  172.             }  
  173.         }  
  174.         return null;  
  175.     }  
  176.   
  177.     public static boolean isTouchInView(MotionEvent ev, View view) {  
  178.         view.getLocationOnScreen(touchLocation);  
  179.         float motionX = ev.getRawX();  
  180.         float motionY = ev.getRawY();  
  181.   
  182.         // 返回是否在范围内  
  183.         return motionX >= touchLocation[0]  
  184.                 && motionX <= (touchLocation[0] + view.getWidth())  
  185.                 && motionY >= touchLocation[1]  
  186.                 && motionY <= (touchLocation[1] + view.getHeight());  
  187.     }  
  188.   
  189.     /** 添加拦截 */  
  190.     public void addInterceptorView(final View view, final int orientation) {  
  191.         // 到主线程执行  
  192.         BaseApplication.getMainThreadHandler().post(new Runnable() {  
  193.   
  194.             @Override  
  195.             public void run() {  
  196.                 if (!mViewAndOrientation.containsKey(view)) {  
  197.                     mViewAndOrientation.put(view, orientation);  
  198.                 }  
  199.             }  
  200.         });  
  201.     }  
  202.   
  203.     /** 去除拦截效果 */  
  204.     public void removeInterceptorView(final View v) {  
  205.         // 到主线程执行  
  206.         BaseApplication.getMainThreadHandler().post(new Runnable() {  
  207.             @Override  
  208.             public void run() {  
  209.                 if (!mViewAndOrientation.containsKey(v)) {  
  210.                     mViewAndOrientation.remove(v);  
  211.                 }  
  212.             }  
  213.         });  
  214.     }  
  215. }  


demo项目源码下载:http://download.csdn.net/detail/cyp331203/8621903



请尊重原创劳动成果,转载请注明出处:http://blog.csdn.net/cyp331203/article/details/45198549,非允许请勿用于商业或盈利用途,违者必究。

0 0