2018-03-14 解決ScrollView嵌套R(shí)ecyclerView的顯示及滑動(dòng)問(wèn)題

轉(zhuǎn)自從: https://segmentfault.com/a/1190000011553735

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

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

本文將利用多種方式分別解決上述問(wèn)題

滑動(dòng)卡頓解決方案

若只存在滑動(dòng)卡頓這一問(wèn)題昂羡,可以采用如下兩種簡(jiǎn)單方式快速解決

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

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

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

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

進(jìn)而蜒秤,NestedScrollingChildHelper對(duì)象通過(guò)該方法關(guān)閉RecyclerView的嵌套滑動(dòng)特性疏旨,如下

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

如此一來(lái),限制了RecyclerView自身的滑動(dòng)趴樱,整個(gè)頁(yè)面滑動(dòng)僅依靠ScrollView實(shí)現(xiàn),即可解決滑動(dòng)卡頓的問(wèn)題

重寫(xiě)LayoutManager

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

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

綜合解決方案

若是需要綜合解決上述三個(gè)問(wèn)題叁征,則可以采用如下幾種方式

插入LinearLayout/RelativeLayout

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

[圖片上傳失敗...(image-80f23e-1521018125734)]

重寫(xiě)LayoutManager

該方法的核心思想在于通過(guò)重寫(xiě)LayoutManager中的onMeasure()方法逛薇,即

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

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

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

重寫(xiě)ScrollView

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

/**
 * 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()方法尤蛮,并完成滑動(dòng)操作
     */
    @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:
                //  滑動(dòng)距離大于slop值時(shí)媳友,返回true
                if (Math.abs((int) ev.getRawY() - touch) > slop) return true;
                break;
        }

        return super.onInterceptTouchEvent(ev);
    }

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

事實(shí)上产捞,盡管我們能夠采用多種方式解決ScrollView嵌套R(shí)ecyclerView所產(chǎn)生的一系列問(wèn)題醇锚,但由于上述解決方式均會(huì)使得RecyclerView在頁(yè)面加載過(guò)程中一次性顯示所有內(nèi)容,因此當(dāng)RecyclerView下的條目過(guò)多時(shí)坯临,將會(huì)對(duì)影響整個(gè)應(yīng)用的運(yùn)行效率焊唬。基于此看靠,在這種情況下我們應(yīng)當(dāng)盡量避免采用ScrollView嵌套R(shí)ecyclerView的布局方式

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末赶促,一起剝皮案震驚了整個(gè)濱河市,隨后出現(xiàn)的幾起案子挟炬,更是在濱河造成了極大的恐慌鸥滨,老刑警劉巖嗦哆,帶你破解...
    沈念sama閱讀 218,284評(píng)論 6 506
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場(chǎng)離奇詭異婿滓,居然都是意外死亡老速,警方通過(guò)查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,115評(píng)論 3 395
  • 文/潘曉璐 我一進(jìn)店門(mén)凸主,熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái)橘券,“玉大人,你說(shuō)我怎么就攤上這事卿吐∨越ⅲ” “怎么了?”我有些...
    開(kāi)封第一講書(shū)人閱讀 164,614評(píng)論 0 354
  • 文/不壞的土叔 我叫張陵但两,是天一觀的道長(zhǎng)鬓梅。 經(jīng)常有香客問(wèn)我,道長(zhǎng)谨湘,這世上最難降的妖魔是什么? 我笑而不...
    開(kāi)封第一講書(shū)人閱讀 58,671評(píng)論 1 293
  • 正文 為了忘掉前任芥丧,我火速辦了婚禮紧阔,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘续担。我一直安慰自己擅耽,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,699評(píng)論 6 392
  • 文/花漫 我一把揭開(kāi)白布物遇。 她就那樣靜靜地躺著乖仇,像睡著了一般。 火紅的嫁衣襯著肌膚如雪询兴。 梳的紋絲不亂的頭發(fā)上乃沙,一...
    開(kāi)封第一講書(shū)人閱讀 51,562評(píng)論 1 305
  • 那天,我揣著相機(jī)與錄音诗舰,去河邊找鬼警儒。 笑死,一個(gè)胖子當(dāng)著我的面吹牛眶根,可吹牛的內(nèi)容都是我干的蜀铲。 我是一名探鬼主播,決...
    沈念sama閱讀 40,309評(píng)論 3 418
  • 文/蒼蘭香墨 我猛地睜開(kāi)眼属百,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼记劝!你這毒婦竟也來(lái)了?” 一聲冷哼從身側(cè)響起族扰,我...
    開(kāi)封第一講書(shū)人閱讀 39,223評(píng)論 0 276
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤厌丑,失蹤者是張志新(化名)和其女友劉穎钳恕,沒(méi)想到半個(gè)月后,有當(dāng)?shù)厝嗽跇?shù)林里發(fā)現(xiàn)了一具尸體蹄衷,經(jīng)...
    沈念sama閱讀 45,668評(píng)論 1 314
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡忧额,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,859評(píng)論 3 336
  • 正文 我和宋清朗相戀三年,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了愧口。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片睦番。...
    茶點(diǎn)故事閱讀 39,981評(píng)論 1 348
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡,死狀恐怖耍属,靈堂內(nèi)的尸體忽然破棺而出托嚣,到底是詐尸還是另有隱情,我是刑警寧澤厚骗,帶...
    沈念sama閱讀 35,705評(píng)論 5 347
  • 正文 年R本政府宣布示启,位于F島的核電站,受9級(jí)特大地震影響领舰,放射性物質(zhì)發(fā)生泄漏夫嗓。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,310評(píng)論 3 330
  • 文/蒙蒙 一冲秽、第九天 我趴在偏房一處隱蔽的房頂上張望舍咖。 院中可真熱鬧,春花似錦锉桑、人聲如沸排霉。這莊子的主人今日做“春日...
    開(kāi)封第一講書(shū)人閱讀 31,904評(píng)論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)攻柠。三九已至,卻和暖如春后裸,著一層夾襖步出監(jiān)牢的瞬間瑰钮,已是汗流浹背。 一陣腳步聲響...
    開(kāi)封第一講書(shū)人閱讀 33,023評(píng)論 1 270
  • 我被黑心中介騙來(lái)泰國(guó)打工轻抱, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留飞涂,地道東北人。 一個(gè)月前我還...
    沈念sama閱讀 48,146評(píng)論 3 370
  • 正文 我出身青樓祈搜,卻偏偏與公主長(zhǎng)得像较店,于是被迫代替她去往敵國(guó)和親。 傳聞我的和親對(duì)象是個(gè)殘疾皇子容燕,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 44,933評(píng)論 2 355

推薦閱讀更多精彩內(nèi)容