Scrollview 嵌套 recycleView沖突解決

本文摘抄自 https://segmentfault.com/a/1190000011553735

所有版權(quán)歸原有作者所屬,我只是希望可以將此記錄下來,以免后來者走彎路,網(wǎng)絡(luò)上我有查詢很多個博客都沒有這個寫的更讓人能理解

項目中時常需要實現(xiàn)在ScrollView中嵌入一個或多個RecyclerView。這一做法通常會導(dǎo)致如下幾個問題

  • 頁面滑動卡頓
  • ScrollView高度顯示不正常
  • RecyclerView內(nèi)容顯示不全

本文將利用多種方式分別解決上述問題

滑動卡頓解決方案

若只存在滑動卡頓這一問題,可以采用如下兩種簡單方式快速解決

利用RecyclerView內(nèi)部方法

recyclerView.setHasFixedSize(true);
recyclerView.setNestedScrollingEnabled(false);

其中,setHasFixedSize(true)方法使得RecyclerView能夠固定自身size不受adapter變化的影響;而setNestedScrollingeEnabled(false)方法則是進(jìn)一步調(diào)用了RecyclerView內(nèi)部NestedScrollingChildHelper對象的setNestedScrollingeEnabled(false)方法,如下

public void setNestedScrollingEnabled(boolean enabled) {
    getScrollingChildHelper().setNestedScrollingEnabled(enabled);
}

進(jìn)而,NestedScrollingChildHelper對象通過該方法關(guān)閉RecyclerView的嵌套滑動特性,如下

public void setNestedScrollingEnabled(boolean enabled) {
    if (mIsNestedScrollingEnabled) {
        ViewCompat.stopNestedScroll(mView);
    }
    mIsNestedScrollingEnabled = enabled;
}

如此一來,限制了RecyclerView自身的滑動,整個頁面滑動僅依靠ScrollView實現(xiàn),即可解決滑動卡頓的問題

重寫LayoutManager

LinearLayoutManager linearLayoutManager = new LinearLayoutManager(this) {
    @Override
    public boolean canScrollVertically() {
        return false;
    }
};

這一方式使得RecyclerView的垂直滑動始終返回false,其目的同樣是為了限制自身的滑動

綜合解決方案

若是需要綜合解決上述三個問題,則可以采用如下幾種方式

插入LinearLayout/RelativeLayout

在原有布局中插入一層LinearLayout/RelativeLayout,形成如下布局

image.png

重寫LayoutManager

該方法的核心思想在于通過重寫LayoutManager中的onMeasure()方法,即

@Override
public void onMeasure(RecyclerView.Recycler recycler, RecyclerView.State state, int widthSpec, int heightSpec) {
    super.onMeasure(recycler, state, widthSpec, heightSpec);
}

重新實現(xiàn)RecyclerView高度的計算,使得其能夠在ScrollView中表現(xiàn)出正確的高度,具體重寫方式可參考這篇文章

http://www.cnblogs.com/tianzh...

重寫ScrollView

該方法的核心思想在于通過重寫ScrollView的onInterceptTouchEvent(MotionEvent ev)方法,攔截滑動事件,使得滑動事件能夠直接傳遞給RecyclerView,具體重寫方式可參考如下

/**
 * Created by YH on 2017/10/10.
 */

public class RecyclerScrollView extends ScrollView {
    private int slop;
    private int touch;

    public RecyclerScrollView(Context context) {
        super(context);
        setSlop(context);
    }

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

    public RecyclerScrollView(Context context, AttributeSet attrs, int defStyleAttr) {
        super(context, attrs, defStyleAttr);
        setSlop(context);
    }

    /**
     * 是否intercept當(dāng)前的觸摸事件
     * @param ev 觸摸事件
     * @return true:調(diào)用onMotionEvent()方法,并完成滑動操作
     */
    @Override
    public boolean onInterceptTouchEvent(MotionEvent ev) {
        switch (ev.getAction()) {
            case MotionEvent.ACTION_DOWN:
                //  保存當(dāng)前touch的縱坐標(biāo)值
                touch = (int) ev.getRawY();
                break;
            case MotionEvent.ACTION_MOVE:
                //  滑動距離大于slop值時,返回true
                if (Math.abs((int) ev.getRawY() - touch) > slop) return true;
                break;
        }

        return super.onInterceptTouchEvent(ev);
    }

    /**
     * 獲取相應(yīng)context的touch slop值(即在用戶滑動之前,能夠滑動的以像素為單位的距離)
     * @param context ScrollView對應(yīng)的context
     */
    private void setSlop(Context context) {
        slop = ViewConfiguration.get(context).getScaledTouchSlop();
    }
}

事實上,盡管我們能夠采用多種方式解決ScrollView嵌套RecyclerView所產(chǎn)生的一系列問題,但由于上述解決方式均會使得RecyclerView在頁面加載過程中一次性顯示所有內(nèi)容,因此當(dāng)RecyclerView下的條目過多時,將會對影響整個應(yīng)用的運行效率?;诖?,在這種情況下我們應(yīng)當(dāng)盡量避免采用ScrollView嵌套RecyclerView的布局方式
原文地址:https://segmentfault.com/a/1190000011553735

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容