[轉載]Android MVC,MVP和MVVM 思想&例子

在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模式的實現流程，在實踐項目裏場景會複雜數倍。

做者：andChen 連接：https://www.jianshu.com/p/9df92995ee26 來源：簡書 著做權歸做者全部。商業轉載請聯繫做者得到受權，非商業轉載請註明出處。