[转载]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 來源：简书 著做权归做者全部。商业转载请联系做者得到受权，非商业转载请注明出处。