Android 又雙叒叕更新了 : MergeAdapter

MergeAdapter

前幾天更新的 recyclerview-1.2.0-alpha02 中增加了一個(gè)新的類 MergeAdapter殿怜,這個(gè)類可以按照順序把幾個(gè) adapter 合成一個(gè)新的 adapter箱锐。

一個(gè)常見的場景就是 RecycleView 加載更多的實(shí)現(xiàn)秦叛。

ezgif-3-deb853b4b497.gif

相信很多小伙伴都實(shí)現(xiàn)過類似的效果抒倚,我們通常會(huì)定義多個(gè) ViewType, 在 getItemCount 中返回 item 數(shù)據(jù)的 size 再加上 2 (header 和 footer)览露。我們的 adapter 不僅要處理數(shù)據(jù)相關(guān)的邏輯醋寝,還要處理 header 和 footer 的邏輯口糕,這樣會(huì)導(dǎo)致 adapter 的邏輯變得復(fù)雜缅阳。

有了 MergeAdapter 之后我們可以把原來的 adapter 分成 HeaderAdapter ItemAdapter 和 FooterAdapter, 使用 MergeAdapter 合成一個(gè)之后再給 RecyclerView,這樣每個(gè) Adapter 的分工就比較明確景描,代碼邏輯更加清晰十办。

我們看一下具體的實(shí)現(xiàn)。

headerAdapter = HeaderAdapter(this)
itemAdapter = ItemAdapter(this)
footerAdapter = FooterAdapter(this)
mergeAdapter = MergeAdapter(headerAdapter, itemAdapter, footerAdapter)

val layoutManager = LinearLayoutManager(this)
binding.recyclerView.layoutManager = layoutManager
binding.recyclerView.adapter = mergeAdapter

我們可以看到使用上跟以前沒有太大差別伏伯,無非就是把原來的 adapter 換成 mergeAdapter, mergeAdapter 由多個(gè) adapter 按順序合成橘洞。

更新數(shù)據(jù)的時(shí)候我們只需要更新相應(yīng)的 adapter,比如加載數(shù)據(jù)之后我們需要更新 ItemAdapter, 如果沒有數(shù)據(jù)了我們更新 FooterAdapter。

我們在 viewModel 中更新數(shù)據(jù)说搅,在 activity 中觀察相應(yīng)數(shù)據(jù)變化通知對(duì)應(yīng)的 adapter炸枣。

MainActivity.kt

viewModel.data.observe(this, Observer {
    itemAdapter.addItem(it)
})
viewModel.hasMoreState.observe(this, Observer {
    footerAdapter.updateFooterState(it)
})

MainViewModel.kt

fun loadMore() {
    viewModelScope.launch {
        var newData = listOf<Int>()
        var newHasMoreState = FooterAdapter.STATE_LOADING
        // 模擬網(wǎng)絡(luò)延遲
        withContext(Dispatchers.Default) {
            delay(2000)
            newData = arrayListOf(0, 1, 2, 3, 4, 5, 6, 7, 8, 9)
            if (page >= 1) {
                newHasMoreState = FooterAdapter.STATE_COMPLETE
            }
        }
        hasMoreState.value = newHasMoreState
        data.value = newData
        page++
    }
}

這樣整個(gè)數(shù)據(jù)的更新邏輯就比較清晰,每個(gè) adapter 的職責(zé)相對(duì)明確弄唧,不同 adapter 之間互不影響适肠,假如某次改版之后我們不需要header了,只需要去掉 HeaderAdapter 即可候引,對(duì) ItemAdapter 和 FooterAdapter 完全沒有影響侯养。

原理

那么問題來了,為什么我們更新了 ItemAdapter 列表就會(huì)更新呢澄干?

我們知道 recyclerView 真正的 adapter 是 mergeAdapter逛揩,只有 mergeAdapter 的更新才會(huì)讓 recycleView 更新,MergeAdapter 是如何實(shí)現(xiàn)這些功能的呢麸俘?我們來看一下 MergeAdapter 的實(shí)現(xiàn)辩稽。

public final class MergeAdapter extends Adapter<ViewHolder> {
    static final String TAG = "MergeAdapter";
    /**
     * Bulk of the logic is in the controller to keep this class isolated to the public API.
     */
    private final MergeAdapterController mController;

    // other code
}

我們看到 MergeAdapter 跟別的 Adapter 沒什么不同,也是繼承者 Adapter从媚,但是里面有 MergerAdapterController逞泄,所有的魔法都在 mController 里面。

我們以 getItemCount 為例看一下 mController 有什么作用拜效。

@Override
public int getItemCount() {
    return mController.getTotalCount();
}

mergeAdapter 的 getItemCount 實(shí)際上調(diào)用的是 mController的 getTotalCount喷众,我們再進(jìn)到 getTotalCount 方法里面看看

public int getTotalCount() {
    // should we cache this as well ?
    int total = 0;
    for (NestedAdapterWrapper wrapper : mWrappers) {
        total += wrapper.getCachedItemCount();
    }
    return total;
}

getTotalCount 方法遍歷 wrapper 把 cachedItemCount 加起來。每個(gè) wrapper 持有 adapter紧憾,cachedItemCount 就是 adapter.getItemCount()到千,所以實(shí)際上 getTotalCount 方法就是把所有的 adapter 的 itemCount 加起來。

那么回到上一個(gè)問題稻励,為什么 ItemAdapter 的更新會(huì)導(dǎo)致 MergeAdapter 的更新父阻。

NestedAdapterWrapper(
        Adapter<ViewHolder> adapter,
        final Callback callback,
        ViewTypeStorage viewTypeStorage,
        StableIdStorage.StableIdLookup stableIdLookup) {
    this.adapter = adapter;
    mCallback = callback;
    mViewTypeLookup = viewTypeStorage.createViewTypeWrapper(this);
    mStableIdLookup = stableIdLookup;
    mCachedItemCount = this.adapter.getItemCount();
    this.adapter.registerAdapterDataObserver(mAdapterObserver);
}

我們看到 NestedAdapterWrapper 的構(gòu)造方法中會(huì)為 adapter 注冊 observer

private RecyclerView.AdapterDataObserver mAdapterObserver =
new RecyclerView.AdapterDataObserver() {
    @Override
    public void onChanged() {
        mCachedItemCount = adapter.getItemCount();
        mCallback.onChanged(NestedAdapterWrapper.this);
    }
    @Override
    public void onItemRangeChanged(int positionStart, int itemCount) {
        mCallback.onItemRangeChanged(
                NestedAdapterWrapper.this,
                positionStart,
                itemCount,
                null
        );
    }
   // 刪掉類似的代碼
};

我們看到 observer 的相關(guān)方法中會(huì)調(diào)用 mCallback 的方法愈涩,mCallback 就是我們在構(gòu)造方法中傳的 callback 參數(shù)望抽。

我們再看一下 MergeAdapterController 中怎么創(chuàng)建 NestedAdapterWrapper加矛。

NestedAdapterWrapper wrapper = new NestedAdapterWrapper(adapter, this,
            mViewTypeStorage, mStableIdStorage.createStableIdLookup());

MergeAdapter 實(shí)現(xiàn)方法

@Override
public void onItemRangeChanged(@NonNullNestedAdapterWrapper nestedAdapterWrapper,
        int positionStart, int itemCount, @Nullable Object payload) {
    final int offset = countItemsBefore(nestedAdapterWrapper);
    mMergeAdapter.notifyItemRangeChanged(
            positionStart + offset,
            itemCount,
            payload
    );
}

所以我們可以看到最后會(huì)調(diào)用 mergeAdapter 的相應(yīng)方法實(shí)現(xiàn)更新。

總結(jié)

MergeAdapter 實(shí)際上也是個(gè)普通的 Adapter煤篙,主要起作用的是 MergeAdapterController斟览。 MergeAdapterController 幫我們實(shí)現(xiàn)了不同 adapter 組合之后帶來的繁瑣的計(jì)算,讓我們更專注于代碼邏輯辑奈。

參考

Merge adapters sequentially with MergeAdapter

代碼

https://github.com/LyCharlie/MergeAdapterTestDemo

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末苛茂,一起剝皮案震驚了整個(gè)濱河市,隨后出現(xiàn)的幾起案子鸠窗,更是在濱河造成了極大的恐慌妓羊,老刑警劉巖,帶你破解...
    沈念sama閱讀 212,718評(píng)論 6 492
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件稍计,死亡現(xiàn)場離奇詭異躁绸,居然都是意外死亡,警方通過查閱死者的電腦和手機(jī)臣嚣,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 90,683評(píng)論 3 385
  • 文/潘曉璐 我一進(jìn)店門净刮,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人硅则,你說我怎么就攤上這事淹父。” “怎么了怎虫?”我有些...
    開封第一講書人閱讀 158,207評(píng)論 0 348
  • 文/不壞的土叔 我叫張陵暑认,是天一觀的道長。 經(jīng)常有香客問我大审,道長蘸际,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 56,755評(píng)論 1 284
  • 正文 為了忘掉前任饥努,我火速辦了婚禮捡鱼,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘酷愧。我一直安慰自己驾诈,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 65,862評(píng)論 6 386
  • 文/花漫 我一把揭開白布溶浴。 她就那樣靜靜地躺著乍迄,像睡著了一般。 火紅的嫁衣襯著肌膚如雪士败。 梳的紋絲不亂的頭發(fā)上闯两,一...
    開封第一講書人閱讀 50,050評(píng)論 1 291
  • 那天褥伴,我揣著相機(jī)與錄音,去河邊找鬼漾狼。 笑死重慢,一個(gè)胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的逊躁。 我是一名探鬼主播似踱,決...
    沈念sama閱讀 39,136評(píng)論 3 410
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼稽煤!你這毒婦竟也來了核芽?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 37,882評(píng)論 0 268
  • 序言:老撾萬榮一對(duì)情侶失蹤酵熙,失蹤者是張志新(化名)和其女友劉穎轧简,沒想到半個(gè)月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體匾二,經(jīng)...
    沈念sama閱讀 44,330評(píng)論 1 303
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡哮独,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 36,651評(píng)論 2 327
  • 正文 我和宋清朗相戀三年,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了假勿。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片借嗽。...
    茶點(diǎn)故事閱讀 38,789評(píng)論 1 341
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡,死狀恐怖转培,靈堂內(nèi)的尸體忽然破棺而出恶导,到底是詐尸還是另有隱情,我是刑警寧澤浸须,帶...
    沈念sama閱讀 34,477評(píng)論 4 333
  • 正文 年R本政府宣布惨寿,位于F島的核電站,受9級(jí)特大地震影響删窒,放射性物質(zhì)發(fā)生泄漏裂垦。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 40,135評(píng)論 3 317
  • 文/蒙蒙 一肌索、第九天 我趴在偏房一處隱蔽的房頂上張望蕉拢。 院中可真熱鬧,春花似錦诚亚、人聲如沸晕换。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,864評(píng)論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽闸准。三九已至,卻和暖如春梢灭,著一層夾襖步出監(jiān)牢的瞬間夷家,已是汗流浹背蒸其。 一陣腳步聲響...
    開封第一講書人閱讀 32,099評(píng)論 1 267
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留库快,地道東北人摸袁。 一個(gè)月前我還...
    沈念sama閱讀 46,598評(píng)論 2 362
  • 正文 我出身青樓,卻偏偏與公主長得像缺谴,于是被迫代替她去往敵國和親但惶。 傳聞我的和親對(duì)象是個(gè)殘疾皇子耳鸯,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 43,697評(píng)論 2 351

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