Android事件分发机制练习---打造属于自己的瀑布流

    意志决定你的成功，进取决定你的未来!

    转载请注明出处：http://blog.csdn.net/dmk877/article/details/49147901

   

    在上面两篇我们详细介绍了View的事件分发机制，以及ViewGroup的事件分发机制，如果你还不熟悉请参考：

    Android事件分发机制——View(一)

   Android事件分发机制--ViewGroup(二)  

通过上面两篇的学习大家应该对Android的事件分发机制有了一定的了解，那么这一篇就带着大家来一个小案例从而达到一个巩固的作用。这个案例很酷炫，就是我们常说的瀑布流，本篇的实现方式非常简单，用句很流行的话说就是简单的不要不要的，哈哈，废话不多说，先看效果

         在上面这个界面中，有三个ListView当滑动最左边的ListView时只有它自己会滚动，当滑动第三个ListView时也是只有它自己会滚动，当滑动第二个ListView的上半部分时所有的ListView都滚动，当滑动第二个ListView的下半部分时只有它自己会滚动，总共就这么多功能。在这个案例中，我们的主要目的就是学习事件的分发，所以没有对ListView加载图片时进行处理，如有需要可以自己改进。

     下面我们来分析下实现的过程分析

         首先这个界面的ViewGroup的事件分发不是系统默认的，是由我们自己指定的，而且这三个ListView宽度是等分屏幕的，所以我们要写一个MyLinearLayout来继承     LinearLayout，一方面MyLinearLayout可以继承LinearLayout的weight属性让界面等分，另一方面我们可以重写LinearLayout的onTouchEvent方法，让事件按照我们自己的需求来进行分发.

        其次，在进行事件分发时我们要进行判断当前点击的“点”是在第一个ListView内还是在第二个亦或是第三个，当在第一个或第三个ListView内时我们只将事件分发给当前的ListView，而当我们点击的”点“是在第二个ListView内时此时分为两种情况：

①在第二个ListView的上半部分此时将事件分发给所有的ListView

②在第二个ListView的下半部分此时只将事件分发给第二个ListView

      所以，以上布局的结构就是在自定义的MyLinearLayout中有三个ListView。

  这就是整个实现过程的思路。

下面我们来看看源码是不是这样做的尼？在这个案例中最主要的是MyLinearLayout下面我们也就只把MyLinearLayout的源码贴出来。

package com.example.linearlayout;import android.content.Context;import android.util.AttributeSet;import android.view.MotionEvent;import android.view.View;import android.widget.LinearLayout;public class MyLinearLayout extends LinearLayout {private static final String TAG = "MyLinearLayout";public MyLinearLayout(Context context, AttributeSet attrs) {super(context, attrs);}@Overridepublic boolean onInterceptTouchEvent(MotionEvent ev) {//拦截事件，所有事件由自己分发处理return true;}@Overridepublic boolean onTouchEvent(MotionEvent ev) {//获得子孩子的个数int childCount=getChildCount();//本身的宽度除以子View的个数，获得每个孩子的宽度int width=getWidth()/childCount;//获得此本身的高度int height=getHeight();//如果当前点击的点的X坐标小于width则表示点击的点在第一列if(ev.getX()<=width){//获得第一个子ViewView childView=getChildAt(0);ev.setLocation(width/2,ev.getY());//将事件分发给此ViewchildView.dispatchTouchEvent(ev);return true;//当前点击的的X坐标在第一列和第三列中间}else if(ev.getX()>width&&ev.getX()<width*2){//当前点击的点的Y坐标小于本身高度的一半，表明点击的点在上在第列的上部分if(ev.getY()<height/2){ev.setLocation(width/2,ev.getY());//将事件分发给每一个子Viewfor(int i=0;i<childCount;i++){View childView=getChildAt(i);try{childView.dispatchTouchEvent(ev);}catch(Exception e){e.printStackTrace();}}return true;}else{ev.setLocation(width/2,ev.getY());getChildAt(1).dispatchTouchEvent(ev);return true;}}else{ev.setLocation(width/2,ev.getY());getChildAt(2).dispatchTouchEvent(ev);return true;}}}

是吧，我们可以清楚的看到，上面的代码就是按照我们分析的思路进行编写的，上面的注释也比较详细，注意：此案例主要是为了练习事件的分发机制，并没有对图片的进行压缩，缓存等处理，如要用到项目中需按照需求进行更改。

源码

如有谬误请批评指正，如有疑问请留言，我将在第一时间改正或回答。谢谢。。。。