Android 又雙叒叕更新了 : MergeAdapter

MergeAdapter

前幾天更新的 recyclerview-1.2.0-alpha02 中增加了一個新的類 MergeAdapter,這個類可以按照順序把幾個 adapter 合成一個新的 adapter。

一個常見的場景就是 RecycleView 加載更多的實現。

ezgif-3-deb853b4b497.gif

相信很多小伙伴都實現過類似的效果,我們通常會定義多個 ViewType, 在 getItemCount 中返回 item 數據的 size 再加上 2 (header 和 footer)。我們的 adapter 不僅要處理數據相關的邏輯,還要處理 header 和 footer 的邏輯,這樣會導致 adapter 的邏輯變得復雜。

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

我們看一下具體的實現。

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 由多個 adapter 按順序合成。

更新數據的時候我們只需要更新相應的 adapter,比如加載數據之后我們需要更新 ItemAdapter, 如果沒有數據了我們更新 FooterAdapter。

我們在 viewModel 中更新數據,在 activity 中觀察相應數據變化通知對應的 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
        // 模擬網絡延遲
        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++
    }
}

這樣整個數據的更新邏輯就比較清晰,每個 adapter 的職責相對明確,不同 adapter 之間互不影響,假如某次改版之后我們不需要header了,只需要去掉 HeaderAdapter 即可,對 ItemAdapter 和 FooterAdapter 完全沒有影響。

原理

那么問題來了,為什么我們更新了 ItemAdapter 列表就會更新呢?

我們知道 recyclerView 真正的 adapter 是 mergeAdapter,只有 mergeAdapter 的更新才會讓 recycleView 更新,MergeAdapter 是如何實現這些功能的呢?我們來看一下 MergeAdapter 的實現。

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 實際上調用的是 mController的 getTotalCount,我們再進到 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 加起來。每個 wrapper 持有 adapter,cachedItemCount 就是 adapter.getItemCount(),所以實際上 getTotalCount 方法就是把所有的 adapter 的 itemCount 加起來。

那么回到上一個問題,為什么 ItemAdapter 的更新會導致 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 的構造方法中會為 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 的相關方法中會調用 mCallback 的方法,mCallback 就是我們在構造方法中傳的 callback 參數。

我們再看一下 MergeAdapterController 中怎么創建 NestedAdapterWrapper。

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

MergeAdapter 實現方法

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

所以我們可以看到最后會調用 mergeAdapter 的相應方法實現更新。

總結

MergeAdapter 實際上也是個普通的 Adapter,主要起作用的是 MergeAdapterController。 MergeAdapterController 幫我們實現了不同 adapter 組合之后帶來的繁瑣的計算,讓我們更專注于代碼邏輯。

參考

Merge adapters sequentially with MergeAdapter

代碼

https://github.com/LyCharlie/MergeAdapterTestDemo

?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市,隨后出現的幾起案子,更是在濱河造成了極大的恐慌,老刑警劉巖,帶你破解...
    沈念sama閱讀 230,431評論 6 544
  • 序言:濱河連續發生了三起死亡事件,死亡現場離奇詭異,居然都是意外死亡,警方通過查閱死者的電腦和手機,發現死者居然都...
    沈念sama閱讀 99,637評論 3 429
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人,你說我怎么就攤上這事。” “怎么了?”我有些...
    開封第一講書人閱讀 178,555評論 0 383
  • 文/不壞的土叔 我叫張陵,是天一觀的道長。 經常有香客問我,道長,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 63,900評論 1 318
  • 正文 為了忘掉前任,我火速辦了婚禮,結果婚禮上,老公的妹妹穿的比我還像新娘。我一直安慰自己,他們只是感情好,可當我...
    茶點故事閱讀 72,629評論 6 412
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著,像睡著了一般。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發上,一...
    開封第一講書人閱讀 55,976評論 1 328
  • 那天,我揣著相機與錄音,去河邊找鬼。 笑死,一個胖子當著我的面吹牛,可吹牛的內容都是我干的。 我是一名探鬼主播,決...
    沈念sama閱讀 43,976評論 3 448
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了?” 一聲冷哼從身側響起,我...
    開封第一講書人閱讀 43,139評論 0 290
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后,有當地人在樹林里發現了一具尸體,經...
    沈念sama閱讀 49,686評論 1 336
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內容為張勛視角 年9月15日...
    茶點故事閱讀 41,411評論 3 358
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發現自己被綠了。 大學時的朋友給我發了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 43,641評論 1 374
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖,靈堂內的尸體忽然破棺而出,到底是詐尸還是另有隱情,我是刑警寧澤,帶...
    沈念sama閱讀 39,129評論 5 364
  • 正文 年R本政府宣布,位于F島的核電站,受9級特大地震影響,放射性物質發生泄漏。R本人自食惡果不足惜,卻給世界環境...
    茶點故事閱讀 44,820評論 3 350
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧,春花似錦、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 35,233評論 0 28
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至,卻和暖如春,著一層夾襖步出監牢的瞬間,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 36,567評論 1 295
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人。 一個月前我還...
    沈念sama閱讀 52,362評論 3 400
  • 正文 我出身青樓,卻偏偏與公主長得像,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當晚...
    茶點故事閱讀 48,604評論 2 380

推薦閱讀更多精彩內容