BRVAH的BaseRecyclerViewAdapterHelper與MVVM模式優雅結合,Recyclerview如何在Databinding中快捷、方便地使用(三)

 

BRVAH的BaseRecyclerViewAdapterHelper與MVVM模式優雅結合(其一)     

BRVAH的BaseRecyclerViewAdapterHelper與MVVM模式優雅結合(其二) 

好,在看本篇之前,請先看我寫的上面2個篇章。

上一章講了加載更多。這時,就會有同學問:哎呀,古誠欺啊,那像聊天界面這種應該怎麼實現呢?

這你問對人了,我們接着往下說。

向下加載更多,仿聊天界面。話不多說,先上圖

public abstract class FetchLoadBindingViewModel<B> extends BaseBindingViewModel<B> {

    //下拉監聽回調
    public BaseQuickAdapter.UpFetchListener upFetchListener;
    public int mPage;
    public int PageSize = 15;
    public int defaultStart;
    //其實就是一個item,我這邊爲了保證聊天數據結構完美,就寫在這了,用戶可以自己寫,這邊的item就是,聊天到頭的item
    public FetchNomoreData fetchNomoreData = new FetchNomoreData();
    //加載失敗的item,跟上面的一樣,也是一個itemType,也是要在綁定數據時,要加上這個類別,作用是加載失敗時添加,點擊之後,重新加載.
    public FetchErrorData fetchErrorData = new FetchErrorData();


    public FetchLoadBindingViewModel(RecyclerView recyclerView) {
        super();
        this.mRecyclerView = recyclerView;
        upFetchListener = getUpFetchListener();
        emptyResId.set(getEmptyViewRes(EmptyViewType.LOADING));
        bindingAdapter.setUpFetchEnable(true);
        bindingAdapter.setStartUpFetchPosition(2);
    }


    protected BaseQuickAdapter.UpFetchListener getUpFetchListener() {
        return new BaseQuickAdapter.UpFetchListener() {
            @Override
            public void onUpFetch() {
                CSLog.Print("下拉加載更多了");
                loadMore();
            }
        };
    }
。。。
public class LoadMoreChatViewModel extends FetchLoadBindingViewModel<MultiItemEntity> {
    private boolean isFirst = true;

    //構造函數中,有個列表參數,目的是,當第一次加載成功時,滑到最下面
    public LoadMoreChatViewModel(RecyclerView recyclerView) {
        super(recyclerView);

    }

    //常規的綁定item,不過這邊加了另外2個item,加載到底和加載失敗的item,這部分用戶可以自己定義
    @Override
    protected Map<Integer, CSBravhItemBinding> getItemBinding() {
        Map<Integer, CSBravhItemBinding> mp = new HashMap<>();
        mp.put(0, new CSBravhItemBinding(com.caesar.brvahbinding.BR.data, R.layout.item_chat_left));
        mp.put(1, new CSBravhItemBinding(com.caesar.brvahbinding.BR.data, R.layout.item_chat_right));
        mp.put(30, new CSBravhItemBinding(com.caesar.brvahbinding.BR.data, R.layout.item_nomore_data));
        mp.put(31, new CSBravhItemBinding(com.caesar.brvahbinding.BR.data, R.layout.item_fetch_error, com.caesar.brvahbinding.BR.action, new brvah()));
        return mp;
    }

    //跟加載更多一樣
    @Override
    public void load(int mPage) {
        if (mPage == 3) {
            if (isFirst) {
                isFirst = false;
                load(getError());
            } else {
                load(getSimp());
            }
        } else if (mPage == 4) {
            load(getLast());
        } else {

            load(getSimp());
        }

    }
    。。。
}
  <androidx.swiperefreshlayout.widget.SwipeRefreshLayout
            android:id="@+id/swp"
            android:layout_width="match_parent"
            app:refreshing="@{vm.isRefreshing}"
            android:layout_height="match_parent">

            <androidx.recyclerview.widget.RecyclerView
                android:id="@+id/rv_show"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:padding="5dp"
                app:cs_brvah_Decoration="@{vm.itemDecoration}"
                app:cs_brvah_layoutManager="@{CSBrvahLayoutManager.fetLinear()}"
                app:cs_brvah_adapter="@{vm.bindingAdapter}"
                app:cs_brvah_emptyClickListener="@{vm.emptyOnClickListener}"
                app:cs_brvah_emptyResId="@{vm.emptyResId}"
                app:cs_brvah_upFetchListener="@{vm.upFetchListener}" />
        </androidx.swiperefreshlayout.widget.SwipeRefreshLayout>

眼尖的同學,是不是已經發現了,下拉加載的viewModel是繼承FetchLoadBindingViewModel的,大致一看,FetchLoadBindingViewModel跟LoadMoreBindingViewModel是不是差不多。不過,一個是上拉加載更多,一個是下拉加載更多。

其中BaseQuickAdapter.UpFetchListener upFetchListener就是下拉的監聽回調了。有些細節說一下,bindingAdapter.setStartUpFetchPosition(2)這個是設置從第幾個item開始加載,然後調用bindingAdapter.setUpFetchEnable(true)就開啓支持下拉加載功能。

好,然後我們看LoadMoreChatViewModel,在構造方法的時候,傳了一個Recyclerview參數,該作用就是,在第一次加載完成的時候,能夠使Recyclerview滑到最下面。

然後我們看佈局文件,是不是還是千篇一律,綁定對應的屬性就OK了。就只要綁定app:cs_brvah_upFetchListener="@{vm.upFetchListener}"就OK了

如果我想要在2個,乃至多個列表中使用,又應該怎麼辦?

同學,你這個問題問得很好,作爲古誠欺,我又怎麼可能會沒有考慮到呢。

雙佈局綁定,仿外賣界面

public abstract class TwoListBindingViewModel<A, B> extends BaseViewModel {

//第一個列表的屬性

    //數據集
    public ObservableArrayList<A> itemsA;
    //數據綁定的佈局及BR和data
    public Map<Integer, CSBravhItemBinding> itemBindingA;
    //適配器,可以用用戶自己的,但是必須要繼承CSItemBindingAdapter
    public CSItemBindingAdapter<A, BaseViewHolder> bindingAdapterA;
    //設置每個item的佔的格數
    public BaseQuickAdapter.SpanSizeLookup spanSizeLookupA;
    //當多佈局時,如果item不想繼承MultiItemEntity,可以用這個來設置每個itemType
   。。。

//第二個列表的屬性

    //數據集
    public ObservableArrayList<B> itemsB;
    //數據綁定的佈局及BR和data
    public Map<Integer, CSBravhItemBinding> itemBindingB;
    //適配器,可以用用戶自己的,但是必須要繼承CSItemBindingAdapter
    public CSItemBindingAdapter<B, BaseViewHolder> bindingAdapterB;
    //設置每個item的佔的格數
  。。。

    public TwoListBindingViewModel() {


        itemsA = new ObservableArrayLi
。。。
 <android.support.v7.widget.RecyclerView
                android:layout_width="0dp"
                app:cs_brvah_adapter="@{vm.bindingAdapterA}"
                android:layout_weight="1"
                android:layout_height="match_parent" />

            <android.support.v7.widget.RecyclerView
                android:id="@+id/rv_show"
                app:cs_brvah_adapter="@{vm.bindingAdapterB}"
                android:layout_width="0dp"
                android:layout_weight="3"
                android:layout_height="match_parent" />

大家看TwoListActivity界面,東西實在是簡單,跟單列表的差不多,你2個列表,那不就是綁定的屬性,多一倍麼,是不是這個理,3個列表那就3倍。

可以看到,viewModel是繼承TwoListBindingViewModel的,這時要傳2個泛型了,列表1和列表2的數據類型。viewModel裏面的內容實在太簡單了,我這邊就不貼了,看一下佈局,恩,就是這麼簡單。好

這時,就有同學發問了:那我以前寫了很多的適配器,難道就沒用了麼,讓我放棄使用他們,我不捨得啊。

我就知道你會這麼想,你放心,我已經考慮過這種情況,你仍舊可以使用你自己的適配器來實現快捷的綁定。

使用自己的適配器來集成

當然,前提是,你的適配器,是集成BRVAH的萬能適配器。

public class CustomAdapterViewModel extends BaseBindingViewModel<SimpleData> {
    public CustomAdapter customAdapter;

    //在viewModel中,初始化自己的構造器
    public CustomAdapterViewModel() {
        super();
        customAdapter = new CustomAdapter(R.layout.item_simple, items);
        customAdapter.isFirstOnly(false);
    }

    //因爲是用自己的適配器,所以這個返回爲空
    @Override
    protected Map<Integer, CSBravhItemBinding> getItemBinding() {
        return null;
    }

    @Override
    public void load() {
        load(CreateData.getSimpleData());
    }

    //因爲自己的適配器沒有監聽items的改變事件,所以不會主動去刷新適配器,所以在數據加載完成的回調中,要主動刷新適配器.
    @Override
    public void onDataLoadComplete() {
        customAdapter.notifyDataSetChanged();
    }

    @Override
    public RecyclerView.ItemDecoration onitemDecoration() {
        return new NormalLineDecoration(30, true);
    }
}
<androidx.recyclerview.widget.RecyclerView
            android:id="@+id/rv_show"
            android:layout_width="match_parent"
            app:cs_brvah_animation="@{vm.animationType}"
            android:layout_height="match_parent"
            app:cs_brvah_Decoration="@{vm.itemDecoration}"
            app:cs_brvah_adapter="@{vm.customAdapter}"
             />

大家找到CustomAdapterActivity這個界面,我自己新建了一個適配器爲CustomAdapter,裏面實現了databinding的數據綁定,然後在我的viewModel中初始化。因爲是自己的適配器,所以getItemBinding這個方法就可以返回爲空,然後因爲適配器沒有監聽列表數據的變化監聽,所以在onDataLoadComplete每次數據加載完成的時候,都要去主動刷新它。其他的屬性設置都是一樣的,最後看佈局代碼。原先綁定適配器是app:cs_brvah_adapter="@{vm.bindingAdapter}",現在因爲你是使用自己的適配器,所以只要app:cs_brvah_adapter="@{vm.customAdapter}"綁定你自己的適配器就可以了,Soeasy。

側滑列表

先放圖說話

該功能很簡單,在我的框架中,有一個CSBrvahLayoutManager類,裏面就可以設置Recyclerview的顯示方式,這個在上面的grid顯示中有用到,橫劃我們用到的是linear(@RecyclerView.Orientation final int orientation, final boolean reverseLayout) 這個方法,java的代碼跟普通的顯示是一樣的,大家可以看HorlzonActivity這個界面,很簡單,跟普通的一樣,我這邊就不寫了,只寫一下佈局中調用。

 <data>
        <variable
            name="vm"
            type="com.caesar.brvahbinding.horizontal.HorlzonViewModel" />
        <import type="com.caesarlib.brvahbinding.CSBrvahLayoutManager" />
        <import type="androidx.recyclerview.widget.RecyclerView"/>
    </data>

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:orientation="vertical"
        tools:context=".horizontal.HorlzonActivity">
        。。。
        <androidx.recyclerview.widget.RecyclerView
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            app:cs_brvah_Decoration="@{vm.itemDecoration}"
            app:cs_brvah_adapter="@{vm.bindingAdapter}"
            app:cs_brvah_layoutManager="@{CSBrvahLayoutManager.linear(RecyclerView.HORIZONTAL,false)}" />
    </LinearLayout>

在佈局文件中,我們導入com.caesarlib.brvahbinding.CSBrvahLayoutManager和androidx.recyclerview.widget.RecyclerView,然後在RecyclerView中,通過app:cs_brvah_layoutManager屬性添加CSBrvahLayoutManager.linear,其中第二個布爾參數,是設置你列表從尾部開始顯示,默認爲false。

好了,以上就是我MVVM綁定萬能適配器插件的全部內容,如果有不清楚的,可以留言諮詢我。

 

BRVAH的BaseRecyclerViewAdapterHelper與MVVM模式優雅結合(其一)     

BRVAH的BaseRecyclerViewAdapterHelper與MVVM模式優雅結合(其二)

發佈了5 篇原創文章 · 獲贊 2 · 訪問量 355
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章