Jetpack mvvm 終

  • 前面3篇講完了mvvm必要的3個庫ViewModel LiveData DataBinding
  • 本篇將講解如果用這3者結合組成mvvm的架構
  • 在此之前讓我們先了解下mvc mvp 最后再來說下mvvm
MVC
image.png
  • 其實Android本身就有mvc的例子了
  • 比如直接新建一個Activity 在xml布局定義一個按鈕實現點擊事件 當用戶點擊按鈕的時候我們在按鈕的OnClickListener接口回掉中做一個1+1的運算Toast彈出1+1的結果 這一個簡單的步驟就包含了mvc的結構了
  • M指Model(模型層)在上述的例子指1+1的運算結果
  • V指View是視圖 用戶看到的頁面
  • C指Controller控制器在上述例子對應點擊時間
  • 當View視圖被用戶點擊,然后Controller監聽到了這個操作進行Mode操作得到2的值反饋給View,然后用戶看到了View所彈出Toast消息
  • 這個例子很好的對應了上圖Model、View、Controller的關系
    優點:
    1、業務邏輯全部分離到Controller中,模塊化程度高。
    2、觀察者模式可以做到多視圖同時更新。
    缺點:
    1、Model和View之間是直接進行交互,就必然會導致Model和View之間的耦合。
    2、所有邏輯都寫在Controller層,導致Controller層特別臃腫。
  • 優缺點這個百度一大堆我就直接抄了??
  • 適用場景:適用于功能較少、業務邏輯簡單、界面不復雜的小型項目。
MVP
  • mvp這個呢很多大型的商業app啥的大都用的這個結構,可以說在android算是主流的架構模式
  • M 還是那個Model
  • V 還是那個視圖View
  • P 就是Presenter(主持人) 在下面的關系圖中P持有M和V做M、V之間的交互橋梁
image.png
  • 對比mvc可以發現由于Presenter的存在直接處理了V、M直接的耦合,所以比mvc 降低了耦合。
  • 具體實現就不扯了網上可以搜羅一大堆
  • 下面放個我之前寫的Demomvp-retrofit2-rxjava2

優點:
1、模型與視圖完全分離,我們可以修改視圖而不影響模型。
2、可以更高效地使用模型,因為所有的交互都發生在一個地方——Presenter內部。
3、我們可以將一個Presenter用于多個視圖,而不需要改變Presenter的邏輯。這個特性非常的有用,因為視圖的變化總是比模型的變化頻繁。
4、如果我們把邏輯放在Presenter中,那么我們就可以脫離用戶接口來測試這些邏輯(單元測試)。
缺點:Presenter作為橋梁協調View和Model,就會導致Presenter變得很臃腫,維護比較困難。

  • 哈哈哈,這個優缺點我也是抄的
MVVM
  • 這才是本文肉戲


    image.png
  • M不在是前面的Model了,MVVM的Model主要是封裝數據存儲或操作的一些邏輯(工具類),還會提供一系列的實體類用于UI綁定。

  • V View指做處理界面數據的展示,不做數據處理、業務邏輯等操作。

  • VM ViewModel做數據的獲取業務邏輯操作然后通過數據綁定(DatabBinding)和xml進行綁定

優點:
  • 低耦合,數據和業務邏輯處于一個獨立的ViewModel中,ViewModel只需要關注數據和業務邏輯,不需要和View層打交道。
  • 可重用性,你可以把一些視圖邏輯放在一個ViewModel里面,讓很多view重用這段視圖邏輯。
  • 可分開獨立開發,MVVM的分工是非常明顯的,由于View和ViewModel之間是松散耦合的:一個是處理業務和數據、一個是專門的UI處理。所以,完全可以由兩個人分工來做,一個做UI(XML和Activity)一個寫ViewModel,效率更高。
  • 由于各層分工明確,極便于單元測試;
  • 相對于MVP而言,MVVM不需要我們手動的處理大量的View和Model相關操作,也非常完美的解耦了View層和ViewModel。
缺點:
  • 數據綁定使得 Bug 很難被調試,你看到界面異常了,有可能是你 View 的代碼有 Bug,也可能是 Model 的代碼有問題。數據綁定使得一個位置的 Bug 被快速傳遞到別的位置,要定位原始出問題的地方就變得不那么容易了。

  • 對于過大的項目,數據綁定需要花費更多的內存,而對與過于簡單的界面,使用MVVM無異是殺雞用牛刀。


  • 正式開始敲代碼

  • 網絡的部分我用的retrofit2+Rxjava組合,用了wanandroid的公開的接口。

public class MvvMViewmodel extends ViewModel {
    public MutableLiveData<Integer> mutableLiveData = new MutableLiveData<>();
    public MutableLiveData<State> state = new MutableLiveData<>();
    public LiveData<List<WanAndroidNewsBean.ItemDetailsBean>> listLiveData;
    private  int page =0;
    public  List<WanAndroidNewsBean.ItemDetailsBean> list = new ArrayList<>();
    public CompositeDisposable dis;


    public MvvMViewmodel() {
        dis = new CompositeDisposable();
        listLiveData = Transformations.switchMap(mutableLiveData, new Function<Integer, LiveData<List<WanAndroidNewsBean.ItemDetailsBean>>>() {
            @Override
            public LiveData<List<WanAndroidNewsBean.ItemDetailsBean>> apply(Integer input) {
                return getData(input);
            }
        });

    }
    public void getPageUpData(){
       mutableLiveData.setValue(page>0?page-1:page);
    }
    public void getPageNextData(){
        mutableLiveData.setValue(page+1);
    }

    private LiveData<List<WanAndroidNewsBean.ItemDetailsBean>> getData(int page){
        MediatorLiveData<List<WanAndroidNewsBean.ItemDetailsBean>> mediatorLiveData = new MediatorLiveData<>();
        HttpData.getRetrofit().create(PathApiService.class).getNes(page)
                .subscribeOn(Schedulers.io())
                .observeOn(AndroidSchedulers.mainThread())
                .subscribe(new Observer<WanAndroidNewsBean>() {
                    @Override
                    public void onSubscribe(Disposable d) {
                        state.setValue(new State(StateType.LOADING,""));
                        dis.add(d);
                    }

                    @Override
                    public void onNext(WanAndroidNewsBean wanAndroidNewsBean) {
                        state.setValue(new State(StateType.SUCCESS,""));
                        mediatorLiveData.setValue(wanAndroidNewsBean.getData().getDatas());
                    }

                    @Override
                    public void onError(Throwable e) {
                        state.setValue(new State(StateType.ERROR,e.getMessage()));
                    }

                    @Override
                    public void onComplete() {
                        Log.e("TAGSS","onComplete");
                    }
                });
        return mediatorLiveData;
    }

    @Override
    protected void onCleared() {
        super.onCleared();
        if(dis!=null){
            dis.dispose();
        }
    }
}
public class MvvmMainActivity extends BaseActivity {
    private MvvMViewmodel viewmodel;
    private ActivityMvvmMainBinding activityMvvmMainBinding;
    private RecycleAdapter recycleAdapter;
    private Dialog diglog;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
    }

    @Override
    public void init() {
        diglog = MyDiglog.createLoadingDialog(this,"請求中");
        activityMvvmMainBinding= getViewDataBinding();
        viewmodel = new ViewModelProvider(this).get(MvvMViewmodel.class);
        diglog.show();
        activityMvvmMainBinding.setLifecycleOwner(this);
        viewmodel.getPageUpData();
        activityMvvmMainBinding.setViewModel(viewmodel);
        activityMvvmMainBinding.recycle.setLayoutManager(new LinearLayoutManager(this));
        recycleAdapter = new RecycleAdapter(viewmodel.list);

        activityMvvmMainBinding.recycle.setAdapter(recycleAdapter);
        viewmodel.listLiveData.observe(this, new Observer<List<WanAndroidNewsBean.ItemDetailsBean>>() {
            @Override
            public void onChanged(List<WanAndroidNewsBean.ItemDetailsBean> itemDetailsBeans) {
             viewmodel.list.clear();
             viewmodel.list.addAll(itemDetailsBeans);
             recycleAdapter.notifyDataSetChanged();
            }
        });

        viewmodel.state.observe(this, new Observer<State>() {
            @Override
            public void onChanged(State state) {
                diglog.dismiss();
                switch (state.getCode()){
                    case ERROR:
                        Toast.makeText(MvvmMainActivity.this,state.getMsg(),Toast.LENGTH_LONG).show();
                        break;
                    case LOADING:
                        diglog.show();
                        break;

                }
            }
        });
    }

    @Override
    public int getLayout() {
        return R.layout.activity_mvvm_main;
    }

    @Override
    protected void onDestroy() {
        super.onDestroy();
        if(diglog!=null){
            diglog.dismiss();
        }
        diglog= null;
    }

}
<?xml version="1.0" encoding="utf-8"?>
<layout>
    <data>
        <variable
            name="viewModel"
            type="com.sanyue.jetpakcdemonew.mvvm.MvvMViewmodel" />

    </data>
<androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".mvvm.MvvmMainActivity">

    <androidx.recyclerview.widget.RecyclerView
        android:id="@+id/recycle"
        android:layout_width="match_parent"
        app:layout_constraintTop_toTopOf="parent"
        app:layout_constraintBottom_toTopOf="@+id/page_up"
        android:layout_height="0dp"/>
    <Button
        android:id="@+id/page_up"
        android:layout_width="wrap_content"
        android:text="上一頁"
        android:onClick="@{()->viewModel.getPageUpData()}"
        android:enabled="@{viewModel.mutableLiveData>0?true:false}"
        app:layout_constraintLeft_toLeftOf="parent"
        app:layout_constraintRight_toLeftOf="@id/pageIndex"
        app:layout_constraintBottom_toBottomOf="parent"
        android:layout_height="wrap_content"/>
    <TextView
        android:id="@+id/pageIndex"
        android:layout_width="wrap_content"
        android:textColor="@android:color/holo_red_dark"
        android:textSize="18sp"
        app:layout_constraintLeft_toRightOf="@+id/page_up"
        app:layout_constraintRight_toLeftOf="@+id/page_down"
        app:layout_constraintTop_toTopOf="@+id/page_down"
        app:layout_constraintBottom_toBottomOf="@+id/page_down"
        android:text="@{String.valueOf(viewModel.mutableLiveData)}"
        android:layout_height="50dp"/>
    <Button
        android:id="@+id/page_down"
        android:layout_width="wrap_content"
        android:text="下一頁"
        android:onClick="@{()->viewModel.getPageNextData()}"
        app:layout_constraintLeft_toRightOf="@id/pageIndex"
        app:layout_constraintRight_toRightOf="parent"
        app:layout_constraintBottom_toBottomOf="parent"
        android:layout_height="wrap_content"/>

</androidx.constraintlayout.widget.ConstraintLayout>
</layout>
效果圖
  • 從代碼上可以把我的MvvMViewmodel類中的變量mutableLiveData
    、listLiveData、list看作是Moldel部分,通過ViewModel部分用LiveData跟DataBinding對View部分(activity和xml)進行了綁定,當用戶點擊下一頁就回去執行getPageNextData方法,當listLiveData獲取到數據就去更新適配器的數據。
  • 大概就這么多了
  • 代碼都在jetpackDemo歡迎Star
  • 可以說的是認真看完這個系列的文章,在自己根據文章的源碼解讀部分看下源碼,相信你在看網上的MVVM列子什么的就不會讓你一看懵逼二看還是懵逼了


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