搞定 ScrollView 与内部 ListView 的同方向滑动冲突

最近在做毕设的时候,一个页面最外面套了一个 ScrollView,内部有多个 ListView,然后发现在相同方向的滑动总是会冲突,具体表现就是内部的 ListView 完全不能滑动,只有当一个手指按住非 ListView 区域,另外一个手指才能够滑动 ListView 的内容。这也是个典型的滑动冲突场景,是《Android 开发艺术探索》中提到的滑动冲突场景二。

遇到这个问题,一开始想到的就是去翻阅开发艺术探索这本书,然后书里推荐使用外部拦截法来解决冲突。实验了一下,发现并不是很方便。内部拦截法需要层层判断,而且还需要 HeaderView 来作为参考依据,这样在布局比较复杂的时候就没那么简单了。既然这样,那便考虑下内部拦截法。

在 ListView 内部做是否分发事件的判断的时候,发现其实判别条件是很简单的,识别出滑动的方向,然后如果内部的 ListView 可以在该方向上滑动,那么就消费该事件,否则交给上层 View 去处理。当然,要如此判断必须要求父层 View 不能拦截 Down 事件,也就是调用 requestDisallowInterceptTouchEvent(true) 方法,否则一直都接收不到后续事件了,而在不要的时候也需要调用 requestDisallowInterceptTouchEvent(false) 方法,让事件走正常的处理流程。这样的判断可以一劳永逸,而且不需要引入其它参考 View,从代码量上来说也比较小。

下面是重写 ListView 的代码:

StickyListView.java

/**
 * Created by Alpha on 2017/3/12.
 */

public class StickyListView extends ListView {

    private float lastY;

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

    @Override
    public boolean dispatchTouchEvent(MotionEvent ev) {
        if (ev.getAction() == MotionEvent.ACTION_DOWN) {
            //确保 ScrollView 不会拦截按下事件
            requestDisallowInterceptTouchEvent(true);
        } else if (ev.getAction() == MotionEvent.ACTION_MOVE) {
            if (lastY > ev.getY()) {//向上滑动的时候
                if (!canScrollList(1)) {
                    //如果 ListView 不能在这个方向上滑动就把事件交给上层 ScrollView 处理
                    requestDisallowInterceptTouchEvent(false);
                    return false;
                }
            } else if (ev.getY() > lastY) {//向下滑动的时候
                if (!canScrollList(-1)) {
                    //如果 ListView 不能在这个方向上滑动就把事件交给上层 ScrollView 处理
                    requestDisallowInterceptTouchEvent(false);
                    return false;
                }
            }
        }
        lastY = ev.getY();//记录上次触摸的位置
        return super.dispatchTouchEvent(ev);
    }
}

我用了一个 lastY 来记录手指开始的位置,然后通过最后的位置来识别是向哪个方向的滑动,怎么样,是不是很简单,当然外部的 ScrollView 也需要稍微修改下:
StickyScrollView.java

/**
 * Created by Alpha on 2017/3/12.
 */

public class StickyScrollView extends ScrollView {
    public StickyScrollView(Context context, AttributeSet attrs) {
        super(context, attrs);
    }

    @Override
    public boolean onInterceptTouchEvent(MotionEvent ev) {
        if (ev.getAction() == MotionEvent.ACTION_DOWN) {
            //将事件先传递给自身的触摸响应,否则 ScrollView 自己的滑动会受到影响
            onTouchEvent(ev);
            //这里直接返回 false 不会影响到自身,因为如果子 View 没有处理事件,那么最后事件还是会返还到这里的
            return false;
        }
        return super.onInterceptTouchEvent(ev);
    }
}

事实上 RecyclerView 内部已经在滑动机制上处理得很好了,在外部嵌套 ScrollView 的情况下是不会出现滑动冲突的。那为什么我还要使用 ListView 呢,我这里的需求只是展示几个文字列表,内容很少,不需要经常刷新,考虑到以后的 App 发展情况,对于性能也没有什么特别的需求,所以仅在易用性方面做考虑,那么肯定选择 ListView 了,不需要设置 LayoutManager ,写适配器也相对简单一些,这也是我使用 ListView 的原因。

本文最早发布于 http://alphagao.com/2017/03/13/the-solution-of-conflict-between-scrollview-and-inner-listview/

你可能感兴趣的:(搞定 ScrollView 与内部 ListView 的同方向滑动冲突)