手把手实现腾讯qq拖拽删去效果（二）

　　这节,就一个任务如何把上节自定义的翻页动画控件整进下拉列表中去。

　　由于是自定义的下拉列表控件，我们需要自定义能够上啦下滑的listview，这势必会造成这个问题，上拉刷新要响应相应touch事件，拖拽也似乎也要相应触摸事件，这势必会造成了一种事件的冲突了，怎么解决了。我这里用一个变量来区分一下，伪代码如下：

　　前面说了，这么多了，我们直接点评代码把：

package com.routemap_infomation.utils;

import java.util.Date;

import android.content.Context;
import android.util.AttributeSet;
import android.util.Log;
import android.view.GestureDetector;
import android.view.LayoutInflater;
import android.view.MotionEvent;
import android.view.View;
import android.view.ViewDebug.IntToString;
import android.view.ViewGroup;
import android.view.animation.LinearInterpolator;
import android.view.animation.RotateAnimation;
import android.widget.AbsListView;
import android.widget.AbsListView.OnScrollListener;
import android.widget.HorizontalScrollView;
import android.widget.ImageView;
import android.widget.LinearLayout;
import android.widget.ListView;
import android.widget.ProgressBar;
import android.widget.TextView;

import com.routemap_infomation.myfocus.R;
import com.routemap_infomation.myfocus.LineFocusActivity.RouteItem;
import com.routemap_infomation.utils.GestureJudgeUtils.OnGestureResult;

/**
 * 该类主要是完成 头部部分的功能封装
 *
 * 一个可以监听ListView是否滚动到最顶部或最底部的自定义控件
 * 只能监听由触摸产生的，如果是ListView本身Flying导致的，则不能监听</br> 如果加以改进，可以实现监听scroll滚动的具体位置等
 *
 * @author 进
 */

public class ScrollOverListView extends ListView implements OnScrollListener {
    public static boolean canRefleash = true;

    private static final String TAG = "listview";

    /**松开更新**/
    private static final  int RELEASE_TO_REFRESH = 0;
    /**下拉更新**/
    private static final  int PULL_TO_REFRESH = 1;
    /**更新中**/
    private static final  int REFRESHING = 2;
    /**无**/
    private static final  int DONE = 3;
    /**加载中**/
    private static final  int LOADING = 4;
    /**实际的padding的距离与界面上偏移距离的比例**/
    private static final int RATIO = 3;

    /**是否要使用下拉刷新功能**/
    public boolean showRefresh = true;
    public boolean isDelete;
    public void setIsDelete(boolean isDelete){
        this.isDelete = isDelete;
    }

    private int mLastY;

    private int mBottomPosition;

    private SlideView mFocusedItemView;
    private LayoutInflater inflater;
    /**头部刷新的布局**/
    private LinearLayout headView;
    /**头部显示下拉刷新等的控件**/
    private TextView tipsTextview;
    /**刷新控件**/
    private TextView lastUpdatedTextView;
    /**箭头图标**/
    private ImageView arrowImageView;
    /**头部滚动条**/
    private ProgressBar progressBar;
    /**显示动画**/
    private RotateAnimation animation;
    /**头部回退显示动画**/
    private RotateAnimation reverseAnimation;
    /** 用于保证startY的值在一个完整的touch事件中只被记录一次**/
    private boolean isRecored;
    /**头部高度**/
    private int headContentHeight;
    /**开始的Y坐标**/
    private int startY;
    /**第一个item**/
    private int firstItemIndex;
    /**状态**/
    private int state;

    private boolean isBack;
    private GestureDetector gestureDetector;
    /** 空的 */
    private OnScrollOverListener mOnScrollOverListener = new OnScrollOverListener() {

        @Override
        public boolean onListViewTopAndPullDown(int delta) {
            return false;
        }

        @Override
        public boolean onListViewBottomAndPullUp(int delta) {
            return false;
        }

        @Override
        public boolean onMotionDown(MotionEvent ev) {
            return false;
        }

        @Override
        public boolean onMotionMove(MotionEvent ev, int delta) {
            return false;
        }

        @Override
        public boolean onMotionUp(MotionEvent ev) {
            return false;
        }
    };

    public ScrollOverListView(Context context, AttributeSet attrs, int defStyle) {
        super(context, attrs, defStyle);
        init(context);
    }

    public ScrollOverListView(Context context, AttributeSet attrs) {
        super(context, attrs);
        init(context);
    }

    public ScrollOverListView(Context context, PullDownView pullDownView) {
        super(context);
        isDelete = pullDownView.getIsDelete();
        init(context);
    }

    /**出事化控件**/
    private void init(Context context) {
        mBottomPosition = 0;
        setCacheColorHint(0);
        inflater = LayoutInflater.from(context);

        headView = (LinearLayout) inflater.inflate(R.layout.pull_down_head,
                null);
        arrowImageView = (ImageView) headView
                .findViewById(R.id.head_arrowImageView);
        arrowImageView.setMinimumWidth(70);
        arrowImageView.setMinimumHeight(50);
        progressBar = (ProgressBar) headView
                .findViewById(R.id.head_progressBar);
        tipsTextview = (TextView) headView.findViewById(R.id.head_tipsTextView);
        lastUpdatedTextView = (TextView) headView
                .findViewById(R.id.head_lastUpdatedTextView);

        measureView(headView);

        headContentHeight = headView.getMeasuredHeight();

        headView.setPadding(0, -1 * headContentHeight, 0, 0);
        headView.invalidate();

        /**列表添加头部**/
        addHeaderView(headView, null, false);

        setOnScrollListener(this);

        animation = new RotateAnimation(0, -180,
                RotateAnimation.RELATIVE_TO_SELF, 0.5f,
                RotateAnimation.RELATIVE_TO_SELF, 0.5f);
        animation.setInterpolator(new LinearInterpolator());
        animation.setDuration(250);
        animation.setFillAfter(true);

        reverseAnimation = new RotateAnimation(-180, 0,
                RotateAnimation.RELATIVE_TO_SELF, 0.5f,
                RotateAnimation.RELATIVE_TO_SELF, 0.5f);

        reverseAnimation.setInterpolator(new LinearInterpolator());
        reverseAnimation.setDuration(200);
        reverseAnimation.setFillAfter(true);

        state = DONE;
        gestureDetector=new GestureJudgeUtils(PublicDefine.context,new GestureJudgeUtils.OnGestureResult() {

            @Override
            public void onGestureResult(int direction) {
                // TODO Auto-generated method stub
                switch (direction) {
                case GestureJudgeUtils.GESTURE_LEFT:
                case GestureJudgeUtils.GESTURE_RIGHT:
                    PublicDefine.isDeleteTag=true;

                    break;
                case GestureJudgeUtils.GESTURE_DOWN:
                case GestureJudgeUtils.GESTURE_UP:
                        PublicDefine.isDeleteTag=false;
                default:
                    break;
                }
            }
        }).Buile();

    }
    int currentx=0;
    int currenty=0;
    /**触摸事件的处理**/
    @Override
    public boolean onTouchEvent(MotionEvent ev) {
        final int action = ev.getAction();

        final int y = (int) ev.getRawY();
        final int deltax=(int)ev.getRawX();
        if (action==MotionEvent.ACTION_DOWN&&PublicDefine.isDeleteTag) {
            mFocusedItemView.move();
            PublicDefine.isDeleteTag=false;

            return super.onTouchEvent(ev);
        }
        if (action==MotionEvent.ACTION_DOWN) {
            currentx=(int) ev.getRawX();
            currenty=(int) ev.getRawY();
        }

        PublicDefine.isDeleteTag=Horizontal(currentx,currenty,deltax,y);

        cancelLongPress();
        if(PublicDefine.isDeleteTag){
            switch (action) {
            case MotionEvent.ACTION_DOWN: {
                int x = (int) ev.getX();
                int z = (int) ev.getY();
                int position = pointToPosition(x, z);
                Log.e(TAG, "postion=" + position);
                if (position != INVALID_POSITION) {
                    RouteItem data = (RouteItem) getItemAtPosition(position);
                    mFocusedItemView = data.slideView;
                    Log.e(TAG, "FocusedItemView=" + mFocusedItemView);
                }
            }
            default:
                break;
            }

            if (mFocusedItemView != null) {
                  return mFocusedItemView.onRequireTouchEvent(ev);
            }

            return super.onTouchEvent(ev);
        }else{
            switch (action) {
            case MotionEvent.ACTION_DOWN:   //按下的时候
                if (firstItemIndex == 0 && !isRecored) {
                    isRecored = true;
                    startY = (int) ev.getY();
                    Log.v(TAG, "在down时候记录当前位置‘");
                }
                // ===========================
                mLastY = y;
                final boolean isHandled = mOnScrollOverListener.onMotionDown(ev);
                if (isHandled) {
                    mLastY = y;
                    return isHandled;
                }
                break;

            case MotionEvent.ACTION_MOVE:    //手指正在移动的时候
                int tempY = (int) ev.getY();
                if (showRefresh) {

                    if (!isRecored && firstItemIndex == 0) {
                        Log.v(TAG, "在move时候记录下位置");
                        isRecored = true;
                        startY = tempY;
                    }
                    if (state != REFRESHING && isRecored && state != LOADING) {

                        // 保证在设置padding的过程中，当前的位置一直是在head，否则如果当列表超出屏幕的话，当在上推的时候，列表会同时进行滚动

                        // 可以松手去刷新了
                        if (state == RELEASE_TO_REFRESH) {

                            setSelection(0);

                            // 往上推了，推到了屏幕足够掩盖head的程度，但是还没有推到全部掩盖的地步
                            if (((tempY - startY) / RATIO < headContentHeight)
                                    && (tempY - startY) > 0) {
                                state = PULL_TO_REFRESH;
                                changeHeaderViewByState();

                            }else if (tempY - startY <= 0) {// 一下子推到顶了
                                state = DONE;
                                changeHeaderViewByState();

                                Log.v(TAG, "由松开刷新状态转变到done状态");
                            }
    //                        else {// 往下拉了，或者还没有上推到屏幕顶部掩盖head的地步
    //                            // 不用进行特别的操作，只用更新paddingTop的值就行了
    //                        }
                        }
                        // 还没有到达显示松开刷新的时候,DONE或者是PULL_To_REFRESH状态
                        if (state == PULL_TO_REFRESH) {

                            setSelection(0);

                            // 下拉到可以进入RELEASE_TO_REFRESH的状态
                            if ((tempY - startY) / RATIO >= headContentHeight) {
                                state = RELEASE_TO_REFRESH;
                                isBack = true;
                                changeHeaderViewByState();

                                Log.v(TAG, "由done或者下拉刷新状态转变到松开刷新");
                            }else if (tempY - startY <= 0) {
                                // 上推到顶了
                                state = DONE;
                                changeHeaderViewByState();

                                Log.v(TAG, "由DOne或者下拉刷新状态转变到done状态");
                            }
                        }

                        // done状态下
                        if (state == DONE) {
                            if (tempY - startY > 0) {
                                state = PULL_TO_REFRESH;
                                changeHeaderViewByState();
                            }
                        }

                        // 更新headView的size
                        if (state == PULL_TO_REFRESH) {
                            headView.setPadding(0, -1 * headContentHeight
                                    + (tempY - startY) / RATIO, 0, 0);
                        }

                        // 更新headView的paddingTop
                        if (state == RELEASE_TO_REFRESH) {
                            headView.setPadding(0, (tempY - startY) / RATIO
                                    - headContentHeight, 0, 0);
                        }

                    }
                }
                // ==============================================
                final int childCount = getChildCount();
                if (childCount == 0){
                    return super.onTouchEvent(ev);
                }
                final int itemCount = getAdapter().getCount() - mBottomPosition;
                final int deltaY = y - mLastY;
                final int lastBottom = getChildAt(childCount - 1).getBottom();
                final int end = getHeight() - getPaddingBottom();

                final int firstVisiblePosition = getFirstVisiblePosition();

                final boolean isHandleMotionMove = mOnScrollOverListener
                        .onMotionMove(ev, deltaY);

                if (isHandleMotionMove) {
                    mLastY = y;
                    return true;
                }

                /** 到达底部 *  到达底部的事件在另外一个类执行**/
                if (firstVisiblePosition + childCount >= itemCount
                        && lastBottom <= end && deltaY < 0) {
                    final boolean isHandleOnListViewBottomAndPullDown;
                    isHandleOnListViewBottomAndPullDown = mOnScrollOverListener
                            .onListViewBottomAndPullUp(deltaY);
                    if (isHandleOnListViewBottomAndPullDown) {
                        mLastY = y;
                        return true;
                    }
                }
                break;

            case MotionEvent.ACTION_UP:    //手指抬起来的时候
                if (state != REFRESHING && state != LOADING) {
    //                if (state == DONE) {
    //                    // 什么都不做
    //                }
                    if (state == PULL_TO_REFRESH) {
                        state = DONE;
                        changeHeaderViewByState();
                        Log.v(TAG, "由下拉刷新状态，到done状态");
                    }

                    if (state == RELEASE_TO_REFRESH) {
                        state = REFRESHING;
                        changeHeaderViewByState();

                        canRefleash = true;

                        Log.v(TAG, "由松开刷新状态，到done状态");
                    }
                }

                isRecored = false;
                isBack = false;

                // /======================
                final boolean isHandlerMotionUp = mOnScrollOverListener
                        .onMotionUp(ev);
                if (isHandlerMotionUp) {
                    mLastY = y;
                    return true;
                }
                break;

            default:
                break;
            }
            mLastY = y;

            return super.onTouchEvent(ev);
        }
//        }catch(Exception e){
//            Log.i("test", e.getMessage());
//            return true;
//
//        }
    }

    private boolean Horizontal(int dx, int dy,int dx1,int dy1) {
        // TODO Auto-generated method stub
          int deltax=dx-dx1;
          int deltay=dy-dy1;
           if (Math.abs(deltax)>=Math.abs(deltay)) {
            return true;

        }else {
        return false;
        }

    }

    // =============================== public method
    /**
     * 可以自定义其中一个条目为头部，头部触发的事件将以这个为准，默认为第一个
     *
     * @param index  正数第几个，必须在条目数范围之内
     */
    public void setTopPosition(int index) {
        if (getAdapter() == null){
            throw new NullPointerException(
                    "You must set adapter before setTopPosition!");
        }
        if (index < 0){
            throw new IllegalArgumentException("Top position must > 0");
        }
    }

    /**
     * 可以自定义其中一个条目为尾部，尾部触发的事件将以这个为准，默认为最后一个
     *
     * @param index  倒数第几个，必须在条目数范围之内
     */
    public void setBottomPosition(int index) {
        if (getAdapter() == null){
            throw new NullPointerException(
                    "You must set adapter before setBottonPosition!");
        }
        if (index < 0){
            throw new IllegalArgumentException("Bottom position must > 0");
        }

        mBottomPosition = index;
    }

    /**
     * 设置这个Listener可以监听是否到达顶端，或者是否到达低端等事件</br>
     *
     * @see OnScrollOverListener
     */
    public void setOnScrollOverListener(
            OnScrollOverListener onScrollOverListener) {
        mOnScrollOverListener = onScrollOverListener;
    }

    /**
     * 滚动监听接口
     *
     * @see ScrollOverListView#setOnScrollOverListener(OnScrollOverListener)
     *
     */
    public interface OnScrollOverListener {
        /**
         * 到达最顶部触发
         *
         * @param delta
         *            手指点击移动产生的偏移量
         * @return
         */
        boolean onListViewTopAndPullDown(int delta);

        /**
         * 到达最底部触发
         *
         * @param delta
         *            手指点击移动产生的偏移量
         * @return
         */
        boolean onListViewBottomAndPullUp(int delta);

        /**
         * 手指触摸按下触发，相当于{@link MotionEvent#ACTION_DOWN}
         *
         * @return 返回true表示自己处理
         * @see View#onTouchEvent(MotionEvent)
         */
        boolean onMotionDown(MotionEvent ev);

        /**
         * 手指触摸移动触发，相当于{@link MotionEvent#ACTION_MOVE}
         *
         * @return 返回true表示自己处理
         * @see View#onTouchEvent(MotionEvent)
         */
        boolean onMotionMove(MotionEvent ev, int delta);

        /**
         * 手指触摸后提起触发，相当于{@link MotionEvent#ACTION_UP}
         *
         * @return 返回true表示自己处理
         * @see View#onTouchEvent(MotionEvent)
         */
        boolean onMotionUp(MotionEvent ev);
    }

    @Override
    public void onScroll(AbsListView arg0, int firstVisiableItem, int arg2,
            int arg3) {
        firstItemIndex = firstVisiableItem;

    }

    @Override
    public void onScrollStateChanged(AbsListView view, int scrollState) {

    }

    // 此方法直接照搬自网络上的一个下拉刷新的demo，此处是“估计”headView的width以及height
    private void measureView(View child) {
        ViewGroup.LayoutParams p = child.getLayoutParams();
        if (p == null) {
            p = new ViewGroup.LayoutParams(ViewGroup.LayoutParams.FILL_PARENT,
                    ViewGroup.LayoutParams.WRAP_CONTENT);
        }
        int childWidthSpec = ViewGroup.getChildMeasureSpec(0, 0 + 0, p.width);
        int lpHeight = p.height;
        int childHeightSpec;
        if (lpHeight > 0) {
            childHeightSpec = MeasureSpec.makeMeasureSpec(lpHeight,
                    MeasureSpec.EXACTLY);
        } else {
            childHeightSpec = MeasureSpec.makeMeasureSpec(0,
                    MeasureSpec.UNSPECIFIED);
        }
        child.measure(childWidthSpec, childHeightSpec);
    }

    public void onRefreshComplete() {
        state = DONE;
        lastUpdatedTextView.setText("最近更新:" + new Date().toLocaleString());
        changeHeaderViewByState();
    }

    // 当状态改变时候，调用该方法，以更新界面
    private void changeHeaderViewByState() {
        switch (state) {
        case RELEASE_TO_REFRESH:
            arrowImageView.setVisibility(View.VISIBLE);
            progressBar.setVisibility(View.GONE);
            tipsTextview.setVisibility(View.VISIBLE);
            lastUpdatedTextView.setVisibility(View.VISIBLE);

            arrowImageView.clearAnimation();
            arrowImageView.startAnimation(animation);

            tipsTextview.setText("松开刷新");

            Log.v(TAG, "当前状态，松开刷新");
            break;
        case PULL_TO_REFRESH:
            progressBar.setVisibility(View.GONE);
            tipsTextview.setVisibility(View.VISIBLE);
            lastUpdatedTextView.setVisibility(View.VISIBLE);
            arrowImageView.clearAnimation();
            arrowImageView.setVisibility(View.VISIBLE);
            // 是由RELEASE_To_REFRESH状态转变来的
            if (isBack) {
                isBack = false;
                arrowImageView.clearAnimation();
                arrowImageView.startAnimation(reverseAnimation);

                tipsTextview.setText("下拉刷新");
            } else {
                tipsTextview.setText("下拉刷新");
            }
            Log.v(TAG, "当前状态，下拉刷新");
            break;

        case REFRESHING:

            headView.setPadding(0, 0, 0, 0);
            progressBar.setVisibility(View.VISIBLE);
            arrowImageView.clearAnimation();
            arrowImageView.setVisibility(View.GONE);
            tipsTextview.setText("正在刷新...");
            lastUpdatedTextView.setVisibility(View.VISIBLE);

            Log.v(TAG, "当前状态,正在刷新...");
            break;
        case DONE:
            headView.setPadding(0, -1 * headContentHeight, 0, 0);
            progressBar.setVisibility(View.GONE);
            arrowImageView.clearAnimation();
            arrowImageView.setImageResource(R.drawable.pull_down_arrow);
            tipsTextview.setText("下拉刷新");
            lastUpdatedTextView.setVisibility(View.VISIBLE);

            Log.v(TAG, "当前状态，done");
            break;
        default:
            break;
        }
    }

    public void shrinkListItem(int position) {
        View item = getChildAt(position);

        if (item != null) {
            try {
                ((SlideView) item).shrink();
            } catch (ClassCastException e) {
                e.printStackTrace();
            }
        }
    }
}

　　①由于这个类继承与listview，因此具有了listview常见属性与方法。

　　②由于他要记录上拉下拉刷新的方式，因此，我们这里需要用定义一些变量来保存，并且要记录他们的状态。　　

　　③上拉刷新的状态是需要监听的了，怎么进行监听了，这里依照java中插件机制，依照相应的观察者（observer）模式，需要定义一个接口来监听了。

　　④为了实现动态，这里需要定义不同参数的构造函数了。

　　⑤这里是一个重点，我们定义了一个变量，接上面的论证，我们这里定义了一个变量来确定到底是调用那个触摸方法。

　　⑥一般在android中，init初始化，找到相应控件，数据加载，是一个司空见惯的方法，在这里了，我们还对相应的手势的方法进行了监听，但是后来发现在此情景下，主要是由于touch事件中，无法对手势进行监听。

　　⑦onTouchEvent事件，触摸事件，是这一切事件的重中之重，我这里首先要对其手势方向进行了监听，上文提到无法直接对手势的方向进行监听了,因此我这里粗略进行进行了判断，判断触摸按下与触摸抬起的时候，两点x轴之间的距离与两点y之间的距离孰大孰小。来判断他是竖向滚动，还是横向拖拽。倘若是横向的拖拽，进把触摸事件下放到slideview控件，由她将触摸事件进行处理，否则的话，就由此控件监听上拉下滑的刷新事件。

　　⑧与上节一样，对其滑动以后，也要对其控件的距离，控件位置进行调整，进行计算。

　　⑨这个控件本质是个列表控件，本质是对数据进行处理，因此，我们这里需要一个方法对其数据加以处理的。

　　以上的内容就把slideview整合到项目中去了，其最终的效果是这样的：

　　

　　以上代码下载地址: