1. MVVM介紹

MVVM全名是Model－View－ViewModel,MVVM可以看作MVP的升級版。

Model：模型層，負責處理數(shù)據(jù)的加載或存儲。與MVP中的M一樣。
View：視圖層，負責界面數(shù)據(jù)的展示，與用戶進行交互。與MVP中的V一樣。
ViewModel：視圖模型，負責完成View于Model間的交互,負責業(yè)務(wù)邏輯。

1.1 作用

• 降低View和控制模塊的耦合，減輕了視圖的壓力。

1.2 流程

image

1.View與ViewModel進行綁定，能夠?qū)崿F(xiàn)雙向的交互。ViewModel數(shù)據(jù)改變時，View會相應(yīng)變動UI，反之亦然。
2.ViewModel進行業(yè)務(wù)邏輯處理，通知Model去更新。
3.Model數(shù)據(jù)更新后，把新數(shù)據(jù)傳遞給ViewModel。

2. MVVM例子實現(xiàn)

還是以點擊按鈕對數(shù)字+1為例子，將其改造成MVVM模式。與MVP不同的地方是，ViewModel會跟View進行綁定。這里會用到Android的 Data Binding。關(guān)于Data Binding，可以看下這篇文章介紹：Data Binding Library

2.1 Model層

跟MVP的一樣

public class NumModel {
    private int num = 0;

    public void add(ModelCallback callback) {
        callback.onSuccess(++num);//通知Presenter結(jié)果
    }

    public interface ModelCallback {//數(shù)據(jù)回調(diào)接口
        void onSuccess(int num);

        void onFailed(String text);
    }

}

2.2 View層

改寫布局，增加Data Binding。

vm_activity.xml：

<?xml version="1.0" encoding="utf-8"?>
<layout xmlns:android="http://schemas.android.com/apk/res/android">

    <data>
        <variable
            name="numVM"
            type="com.xx.oo.NumViewModel"/>
    </data>

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:orientation="vertical">

        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="@{numVM.num}"/>

        <Button
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:onClick="@{numVM.onClickAdd}"
            android:text="點擊+1"/>
    </LinearLayout>

</layout>

VmActivity類，將View與ViewModel進行綁定：

public class VmActivity extends Activity {
    @Override
    protected void onCreate(@Nullable Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);

        NumViewModel numViewModel = new NumViewModel();
        VmActivityBinding binding = DataBindingUtil.setContentView(this, R.layout.vm_activity);
        binding.setNumVM(numViewModel);//View與ViewModel綁定
    }
}

2.3 ViewModel

ViewModel負責業(yè)務(wù)邏輯處理，并且數(shù)據(jù)有更新直接通知View去更改。

public class NumViewModel extends BaseObservable {
    private String num;

    private final NumModel mNumModel;

    public NumViewModel() {
        mNumModel = new NumModel();
    }

    @Bindable
    public String getNum() {
        return num;
    }

    public void setNum(String num) {
        this.num = num;
        notifyPropertyChanged(BR.num);//更新UI
    }

    public void onClickAdd(View view) {//點擊事件處理
        mNumModel.add(new NumModel.ModelCallback() {//相關(guān)邏輯處理，這里直接交給Model層
            @Override
            public void onSuccess(int num) {
                setNum(num + "");//成功，更新數(shù)據(jù)
            }

            @Override
            public void onFailed(String text) {
                setNum(text);//失敗，更新數(shù)據(jù)
            }
        });
    }
}

3. MVP與MVVM區(qū)別

• ViewModel與View綁定后，ViewModel與View其中一方的數(shù)據(jù)更新都能立即通知到對方;Presenter需要通過接口去通知View進行更新。

4. MVVM的優(yōu)點

• 相比于MVP，Presente與View存在耦合。ViewModel與View的耦合則更低，ViewModel只負責處理和提供數(shù)據(jù)，UI的改變，比如TextView 替換 EditText，ViewModel 幾乎不需要更改任何代碼，只需專注于數(shù)據(jù)處理就可以了。
• View Model里面只包含數(shù)據(jù)和業(yè)務(wù)邏輯，沒有UI的東西，方便單元測試。

5. MVVM的缺點

• 數(shù)據(jù)綁定使得程序較難調(diào)試，界面出現(xiàn)異常時，有可能是 View 的代碼有問題，也可能是 Model 的代碼有問題。由于數(shù)據(jù)綁定使得數(shù)據(jù)能夠快速傳遞到其他為止，因此要定位出異常就比較有難度了。

6.其他

• 如果要彈Dialog等等操作，可以在Activity中監(jiān)聽ViewModel的數(shù)據(jù)變化來做處理。
• 鑒于能力和時間有限，沒有很深入去了解各個方方面面，有問題的話可以一起討論～

相關(guān)文章閱讀
Android框架模式——MVC
Android框架模式——MVP
Android框架模式——MVVM