- 前面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列子什么的就不會讓你一看懵逼二看還是懵逼了