NestedScrollView RecycleView 嵌套 滑動(dòng)沖突
場(chǎng)景描述
效果演示
實(shí)現(xiàn)思路
問(wèn)題和優(yōu)化
優(yōu)化
參考文檔
場(chǎng)景描述
使用NestedScrollView 內(nèi)嵌RecycleView時(shí)陵叽，當(dāng)用戶(hù)上滑時(shí)狞尔，NestedScrollView需要首先響應(yīng)上滑事件，直到ScrollView無(wú)法滑動(dòng)巩掺，再由RecycleView進(jìn)行響應(yīng)滑動(dòng)事件
效果演示
實(shí)現(xiàn)思路
參考谷歌開(kāi)發(fā)者文檔中關(guān)于view group事件分發(fā)的思路偏序，自定義CustomScrollView繼承 NestedScrollView 重寫(xiě)onInterceptTouchEvent方法，在攔截到上滑事件時(shí)胖替，判斷當(dāng)前的scrollerView是否已經(jīng)滑動(dòng)到頂部研儒；
如果ScrollView沒(méi)有處于頂部豫缨，返回true，代表處理并消耗后續(xù)一系列觸摸事件端朵，包括一系列的Action Move獲取到的point到Action Up事件好芭，這中間的事件值都交給 ScrollView處理滑動(dòng)；
如果ScrollView已經(jīng)處于頂部冲呢，不再攔截上滑事件舍败，會(huì)由NestedScrollView默認(rèn)分發(fā)給子控件RecycleView進(jìn)行處理
·```
public class CustomScrollView extends NestedScrollView {
public CustomScrollView(@NonNull Context context) {
super(context);
}
private float maxSlideDis;//向上滑動(dòng)的最大滑動(dòng)距離，沒(méi)有超過(guò)這個(gè)距離時(shí)敬拓，攔截并處理掉向上滑動(dòng)的事件
//在activity或fragment中邻薯，根據(jù)布局參數(shù)進(jìn)行設(shè)置
private float mDownY;
private float mSlop;
public CustomScrollView(@NonNull Context context, @Nullable AttributeSet attrs) {
super(context, attrs);
mSlop = ViewConfiguration.get(context).getScaledTouchSlop();
}
public void setMaxSlideDis(float maxSlideDis) {
this.maxSlideDis = maxSlideDis;
}
@Override
public boolean onInterceptTouchEvent(MotionEvent ev) {
Logger.log("CustomScrollView onInterceptTouchEvent " + ev.getAction());
switch (ev.getAction()) {
case MotionEvent.ACTION_DOWN:
mDownY = ev.getRawY();
break;
case MotionEvent.ACTION_MOVE:
float dis = ev.getRawY() - mDownY;
if (dis < 0 && Math.abs(dis) >= mSlop) {
//當(dāng)觸摸事件是向上滑動(dòng)并且滑動(dòng)距離超過(guò)屏幕的最小滑動(dòng)單位時(shí)
return needScrollParent();
}
break;
}
return super.onInterceptTouchEvent(ev);
}
//scroller 是否已經(jīng)滑動(dòng)到了最高點(diǎn)
public boolean needScrollParent() {
Logger.log("CustomScrollView maxSlideDis = " + maxSlideDis + " getScrollY =" + getScrollY());
return getScrollY() < maxSlideDis;
}
public CustomScrollView(@NonNull Context context, @Nullable AttributeSet attrs, int defStyleAttr) {
super(context, attrs, defStyleAttr);
}
}
問(wèn)題和優(yōu)化
到這一步已經(jīng)實(shí)現(xiàn)先滑動(dòng)scrollerView再滑動(dòng)recycleView，但是存在一個(gè)問(wèn)題乘凸，當(dāng)上滑scrollerView的過(guò)程中厕诡，當(dāng)scroll view滑動(dòng)到最頂部不松手指，recycleView不會(huì)開(kāi)始向上滾動(dòng)营勤，必須等手指離開(kāi)屏幕灵嫌，再重新上滑recycle view才可以讓其滾動(dòng),就像上文gif所展示的；
要明白這個(gè)問(wèn)題的原因冀偶，首先要搞清楚一個(gè)事件系列 和 view分發(fā)機(jī)制流程
事件系列： 從ACTION_DOWN 到ACTION_UP 中包含的所有事件醒第，包括其中的所有的ACTION_MOVE事件，為一個(gè)事件系列
對(duì)view事件分發(fā)機(jī)制不熟悉的同學(xué)可以看下這個(gè)分發(fā)機(jī)制偽代碼
public boolean dispatchTouchEvent(MotionEvent ev) {
boolean consume = false;
if(onInterceptTouchEvent(ev)){
consume = onTouchEvent(ev);
} else {
consume = child.dispatchTouchEvent(ev);
}
return consume;
}
onInterceptTouchEvent方法要注意： 接收到某一個(gè)事件系列中的事件值后进鸠，如果返回false或者true稠曼，那么后續(xù)都不再回調(diào)這個(gè)方法，這個(gè)true或false所代表的狀態(tài)會(huì)持續(xù)到這個(gè)事件系列結(jié)束
因此scroller view的onInterceptTouchEvent 返回true攔截了ACTION_MOVE的前幾個(gè)事件值后客年，該事件系列的后續(xù)事件值也會(huì)直接被scroller view的onTouch消耗掉霞幅， 并且onInterceptTouchEvent不再會(huì)收到該事件系列的后續(xù)ev值的回調(diào)，因?yàn)樵赿ispatchTouchEvent中量瓜，直接將后續(xù)事件給到了onTouch進(jìn)行消耗司恳；
導(dǎo)致后續(xù)的滑動(dòng)事件一直被scrollerview所消耗，
而我們想要下面這樣絲滑的滑動(dòng)體驗(yàn)绍傲，就要將scroller view滑動(dòng)到頂部后的后續(xù)事件值分發(fā)給子視圖進(jìn)行處理：
在一次滑動(dòng)事件中完成從scroller view到recycleveiw的滑動(dòng)扔傅，手指不離開(kāi)屏幕
優(yōu)化
鑒于上述問(wèn)題，我們把事件的“攔截”放到scroller的dispatchTouchEvent方法中烫饼；因?yàn)関iew分發(fā)機(jī)制首先將每個(gè)事件值都傳入到dispatchTouchEvent猎塞，并在其中通過(guò)onInterceptTouchEvent 的返回值來(lái)決定是否將該事件分發(fā)給子視圖的dispatchTouchEvent；
如果scroller view需要滑動(dòng)杠纵，就直接調(diào)用onTouch進(jìn)行消耗事件荠耽，如果scroller view
不需要滑動(dòng)了，就讓dispatchTouchEvent默認(rèn)調(diào)用到onInterceptTouchEvent來(lái)判斷后續(xù)事件比藻，這里onInterceptTouchEvent中判斷如果scroller view不需要滑動(dòng)铝量，直接返回false倘屹，name后續(xù)的ACTION_MOVE值都會(huì)被分發(fā)給子veiw處理
代碼：
@Override
@Override
public boolean dispatchTouchEvent(MotionEvent ev) {
Logger.log("CustomScrollView dispatchTouchEvent ACTION " + ev.getAction());
switch (ev.getAction()) {
case MotionEvent.ACTION_DOWN:
mDownY = ev.getRawY();
break;
case MotionEvent.ACTION_MOVE:
float dis = ev.getRawY() - mDownY;
if (dis < 0 && Math.abs(dis) >= mSlop) {
//當(dāng)觸摸事件是向上滑動(dòng)并且滑動(dòng)距離超過(guò)屏幕的最小滑動(dòng)單位時(shí)
if (needScrollParent()) {
onTouchEvent(ev);
Logger.log("dispatchTouchEvent 需要攔截");
return true;
} else {
Logger.log("dispatchTouchEvent 不需要攔截");
//這里返回 super.dispatchTouchEvent(ev); 在super.dispatchTouchEvent(ev)中會(huì)調(diào)用下面的onInterceptTouchEvent 方法來(lái)判斷
}
}
break;
}
return super.dispatchTouchEvent(ev);
}
@Override
public boolean onInterceptTouchEvent(MotionEvent ev) {
Logger.log("CustomScrollView onInterceptTouchEvent " + ev.getAction());
switch (ev.getAction()) {
case MotionEvent.ACTION_DOWN:
mDownY = ev.getRawY();
break;
case MotionEvent.ACTION_MOVE:
float dis = ev.getRawY() - mDownY;
if (dis < 0 && Math.abs(dis) >= mSlop) {
//當(dāng)觸摸事件是向上滑動(dòng)并且滑動(dòng)距離超過(guò)屏幕的最小滑動(dòng)單位時(shí)，不攔截滑動(dòng)事件
//這里的目的是取消dispatchTouchEvent中對(duì)該事件系列的攔截慢叨，當(dāng)scroller view不需要攔截時(shí)纽匙，
//會(huì)執(zhí)行到這里，
return false;
}
break;
}
return super.onInterceptTouchEvent(ev);
}
