[转载]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模式的实现流程，在实践项目里场景会复杂数倍。

作者：andChen
链接：https://www.jianshu.com/p/9df92995ee26
來源：简书
著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。