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();
    }
}

  1. 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();
    }
}
  1. 接著使用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>

  1. 最后在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模式的實現流程,在實踐項目里場景會復雜數倍。

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容