在Android開發中，常采用 MVC（Model-View-Controller）或者MVP（Model-View-Presenter） 等框架模式。設計如圖

mvc mvp

可以看出，在 MVC 框架中，請求流程如下：

1. View接受用戶的請求
2. View傳遞請求給Controller
3. Controller操作Model進行數據更新
4. Model通知View變化
5. View根據更新的數據做出顯示

而MVP框架中，請求流程如下：

1. View 接受用戶請求
2. View 傳遞請求給Presenter
3. Presenter做邏輯處理，修改Model
4. Model 通知Presenter數據變化
5. Presenter 更新View

相比于MVC，MVP則使用Presenter解除了View與Model的耦合，Presenter將Model的變化返回給View。

舉個栗子

小明需要開發一個功能，當點擊“find student id”按鈕時，可以查詢到他自己的學號。

栗子

對于MVC 實現，應該是這樣的：

1.先實現一個 model，需要有通知View更新的能力,當model加載成功，如從db、獲取后，需要告知View：

public class StudentModel {

    String mId;
    WelcomeActivity mActivity;

    public StudentModel (WelcomeActivity activity) {
        this.mActivity = activity;
    }
    public void loadModel (){
        //search from db or intent
        mId = "1201030018";
        mActivity.updateUI(this);
    }

}

2.Controller ： 我們為了更好的理解MVC，將Activity進行了拆解。提取了一個簡單的Controller

public class WelcomeController {

    WelcomeActivity mActivity;
    StudentModel mStudent;

    WelcomeController (WelcomeActivity activity) {
        this.mActivity = activity;
    }

    public void loadData (){
        mStudent = new StudentModel(mActivity);
        mStudent.loadModel();
    }
}

3. View ： View需要發出點擊事件，并且傳遞給Controller,同時需要根據Model更新UI：

public class WelcomeActivity extends AppCompatActivity {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
       //省略
        final WelcomeController controller = new WelcomeController(this);
        mFindBtn.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View view) {
                controller.loadData();
            }
        });
    }

    public void updateUI (StudentModel model) {
        mID.setText(model.mId);
    }
}

調用鏈是:
View:OnClick ->
Controller:loadData->
Model:loadModel->
View:updateUI

這里為了更明顯的表明意圖，將Activity單純的看做一個View。

MVP 改寫

同樣的例子，我們使用MVP進行改寫

1. 我們需要先對Model進行封裝，當loadModel后，不直接通知View更新，而是通知監聽方（Presenter）：

public class StudentModel {
    String mId;
    OnGetListener mListener;

    public StudentModel (OnGetListener listener) {
        this.mListener = listener;
    }
    public void loadModel (){
        //search from db or intent
        mId = "1201030018";
        if (mListener != null) {
            mListener.onSuccess(this);
        }
    }
    interface OnGetListener {
        void onSuccess (StudentModel student);
    }
}

2.再定義Presenter ，接收到來自View的操作命令后，進行邏輯處理，處理Model，修改完成后 通知View進行修改。

public class WelcomePresenter {

    WelcomeActivity mActivity;
    StudentModel mStudent;

    WelcomePresenter (WelcomeActivity activity) {
        this.mActivity = activity;
    }

    public void loadData (){
        mStudent = new StudentModel(new StudentModel.OnGetListener() {
            @Override
            public void onSuccess(StudentModel student) {
                mActivity.updateUI(student);
            }
        });
    }
}

3.對于View，操作方式只是修改了持有的對象 WelcomeController->WelcomePresenter，其他保持不變。

這時調用流程變成了：

View:OnClick ->
Presenter:loadData->
Model:loadModel->
Presenter:onSuccess>
View:updateUI

我們將View的數據更新 從Model->View,轉變成了Presenter->View,解除了View和Model的耦合。

mvvm

早些年微軟WPF提出的數據綁定系統與Presentation Model相結合的做法，能使開發人員將View和邏輯分離，稱之Model-View-ViewModel(MVVM)。

在Android 借助Google提出的 DataBinding 框架完成 雙向綁定操作。

DataBinding用法可以參考: https://developer.android.com/topic/libraries/data-binding/index.html

調用鏈路如下：

MVVM

可以看到，在MVVM框架中，除了將 Presenter 換成了 ViewModel 外，請求流程都和MVP類似，只是在最后一步中，由于View與ViewModel使用了雙向綁定，兩者的交互通過Data Binding 完成。如此使得View和控制模塊的耦合更加降低，減輕了視圖的壓力。

還是那個栗子??

我們引入Data Binding解決這個問題。

1. 把Controller\Presenter扔掉，先寫一個ViewModel
   這個VM的概念是一個和視圖相關的模型，因此可以和DAO相關的模型不一樣，因為我們只需要展示student id的數據以及click事件，以及loadData行為，用來從Model中獲取數據，于是我們實現了一個VM :

這里我們需要遵循Data Binding的語法，如繼承自BaseObservable，數據更新后調用notifyChange方法等。

public class StudentViewModel extends BaseObservable{

    String studentID;
    View.OnClickListener btnListener;
   //省略get set

    public StudentViewModel() {
        btnListener = new View.OnClickListener() {
            @Override
            public void onClick(View view) {
                loadData();
            }
        };
    }

    public void loadData() {
        StudentModel model = new StudentModel(new StudentModel.OnGetListener() {
            @Override
            public void onSuccess(StudentModel student) {
                setStudentID(student.mId);
            }
        });
        model.loadModel();
    }
}

2. 接著使用databinding語法 對 xml 進行數據綁定,我們將 Click事件、輸出結果都綁定到VM上。

<?xml version="1.0" encoding="utf-8"?>
<layout xmlns:android="http://schemas.android.com/apk/res/android"
        xmlns:tools="http://schemas.android.com/tools">
    <data>
        <variable name="userVM" type="com.moon.coderread.StudentViewModel"/>
    </data>
    <LinearLayout
           //省略
        <TextView
                android:id="@+id/id"
                android:layout_width="match_parent"
                android:layout_height="20dp"
                android:text="@{userVM.studentID}"/>
          <Button
                android:id="@+id/findBtn"
                android:onClick="@{userVM.btnListener}"
                android:text="find Student ID"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"/>
    </LinearLayout>
</layout>

3. 最后在View(Activity)中引入VM ：

public class WelcomeActivity extends AppCompatActivity {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
       
        ActivityWelcomeBinding binding = DataBindingUtil.setContentView(this,R.layout.activity_welcome);

        final StudentViewModel studentViewModel = new StudentViewModel();
        binding.setUserVM(studentViewModel);
    }

}

這樣就完成了最基本的MVVM 栗子。

現在我們的Activity看起來很清爽，不用再處理Click事件、以及updateUI了。

總結

各種MV+X模式的發展，實質上就是將Model與View之間以一種低耦合、低成本的方式進行控制。從Presenter到ViewModel的轉變，借助了Data Binding的方式實現了雙向的數據綁定，減少了視圖模塊和控制模塊的耦合。隨著Google Data Binding技術的不斷更新完善，相信MVVM模式將在Android平臺下應用得更加廣泛。

栗子僅僅是??

上面僅僅是以最簡單的方式來描述了一下 MV+X模式的實現流程，在實踐項目里場景會復雜數倍。