自定义view系列(4)--判断滑动方向的ListView

使用ListView时.现在一些流行的应用会根据ListView实时的滑动方向来显示或隐藏一些布局,比如知乎,掘金等应用.

判断ListView的滑动方向其实不难,只需要在它的OnScrollListener中进行相应的操作即可,网上也有很多教程,但是这样做很麻烦,因为有些ListView的Item很高,当ListView的多次滑动距离没有超过一个Item的高度时,判断是向上滑动还是向下滑动会有问题.想解决这个问题,还得再判断滑动的距离有没有超过一个item的高度,并且这种方式还有其他问题需要解决,所以实现起来很麻烦.

而采用自定义view的方式,监听ListView的OnTouchEvent,实现起来会更简单.代码如下:

package com.lanma.lostandfound.view;

import android.content.Context;
import android.util.AttributeSet;
import android.view.MotionEvent;
import android.view.ViewConfiguration;
import android.widget.ListView;

/**
 * 作者 qiang_xi on 2016/9/3 18:03.
 */
public class DirectionListView extends ListView {
    private OnScrollDirectionListener mListener;
    private float startY = 0;//按下时y值
    private int mTouchSlop;//系统值

    public DirectionListView(Context context) {
        this(context, null);
    }

    public DirectionListView(Context context, AttributeSet attrs) {
        this(context, attrs, 0);
    }

    public DirectionListView(Context context, AttributeSet attrs, int defStyleAttr) {
        super(context, attrs, defStyleAttr);
        mTouchSlop = ViewConfiguration.get(context).getScaledTouchSlop();
    }

    @Override
    public boolean onTouchEvent(MotionEvent ev) {
        int action = ev.getAction();
        switch (action) {
            case MotionEvent.ACTION_DOWN:
                startY = ev.getY();
                break;
            case MotionEvent.ACTION_MOVE:
                if (Math.abs(ev.getY() - startY) > mTouchSlop) {
                    if (ev.getY() - startY >= 0) {
                        mListener.onScrollDown();
                    } else {
                        mListener.onScrollUp();
                    }
                }
                startY = ev.getY();
                break;
        }
        return super.onTouchEvent(ev);
    }

    public void setOnScrollDirectionListener(OnScrollDirectionListener listener) {
        this.mListener = listener;
    }

    public interface OnScrollDirectionListener {
        //向上滑动
        void onScrollUp();

        //向下滑动
        void onScrollDown();
    }
}

使用方式和普通的ListView没有任何区别,你只需要设置一下滑动方向的监听即可.然后在向上滑动或向下滑动的回调监听中,隐藏或显示我们的布局即可.

效果图如下:

其实也可以直接使用普通的ListView,然后注册它的OnTouchEvent事件,然后把上面的逻辑拷贝一份也是一样的效果,代码就不贴了.不过个人认为还是自定义view的方式比较好一点,可以降低与Activity的耦合度,代码看起来更清爽直观.