溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊(cè)×
其他方式登錄
點(diǎn)擊 登錄注冊(cè) 即表示同意《億速云用戶(hù)服務(wù)條款》

Android使用NestedScrollView內(nèi)嵌RecycleView滑動(dòng)沖突問(wèn)題如何解決

發(fā)布時(shí)間:2022-06-17 11:53:38 來(lái)源:億速云 閱讀:384 作者:iii 欄目:開(kāi)發(fā)技術(shù)

這篇“Android使用NestedScrollView內(nèi)嵌RecycleView滑動(dòng)沖突問(wèn)題如何解決”文章的知識(shí)點(diǎn)大部分人都不太理解,所以小編給大家總結(jié)了以下內(nèi)容,內(nèi)容詳細(xì),步驟清晰,具有一定的借鑒價(jià)值,希望大家閱讀完這篇文章能有所收獲,下面我們一起來(lái)看看這篇“Android使用NestedScrollView內(nèi)嵌RecycleView滑動(dòng)沖突問(wèn)題如何解決”文章吧。

場(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)思路

自定義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);
    }

以上就是關(guān)于“Android使用NestedScrollView內(nèi)嵌RecycleView滑動(dòng)沖突問(wèn)題如何解決”這篇文章的內(nèi)容,相信大家都有了一定的了解,希望小編分享的內(nèi)容對(duì)大家有幫助,若想了解更多相關(guān)的知識(shí)內(nèi)容,請(qǐng)關(guān)注億速云行業(yè)資訊頻道。

向AI問(wèn)一下細(xì)節(jié)

免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀(guān)點(diǎn)不代表本網(wǎng)站立場(chǎng),如果涉及侵權(quán)請(qǐng)聯(lián)系站長(zhǎng)郵箱:is@yisu.com進(jìn)行舉報(bào),并提供相關(guān)證據(jù),一經(jīng)查實(shí),將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI