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

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

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

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

下面是重写 ListView 的代码:

StickyListView.java

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
/**
* 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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
/**
* 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 的原因。