在Android开发中,常采用 MVC(Model-View-Controller)或者MVP(Model-View-Presenter) 等框架模式。设计如图
![](http://upload-images.jianshu.io/upload_images/4383473-829f39d8dbc6d131.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/700)
可以看出,在 MVC 框架中,请求流程如下:
- View接受用户的请求
- View传递请求给Controller
- Controller操作Model进行数据更新
- Model通知View变化
- View根据更新的数据做出显示
而MVP框架中,请求流程如下:
- View 接受用户请求
- View 传递请求给Presenter
- Presenter做逻辑处理,修改Model
- Model 通知Presenter数据变化
- Presenter 更新View
相比于MVC,MVP则使用Presenter解除了View与Model的耦合,Presenter将Model的变化返回给View。
举个栗子
小明需要开发一个功能,当点击“find student id”按钮时,可以查询到他自己的学号。
![](http://upload-images.jianshu.io/upload_images/4383473-f811a3b836c88116.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/580)
对于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(); } }
- 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进行改写
- 我们需要先对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
调用链路如下:
![](http://upload-images.jianshu.io/upload_images/4383473-e0040fd439203b1f.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/700)
可以看到,在MVVM框架中,除了将 Presenter 换成了 ViewModel 外,请求流程都和MVP类似,只是在最后一步中,由于View与ViewModel使用了双向绑定,两者的交互通过Data Binding 完成。如此使得View和控制模块的耦合更加降低,减轻了视图的压力。
还是那个栗子?
我们引入Data Binding解决这个问题。
- 把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(); } }
- 接着使用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>
- 最后在
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
來源:简书
著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。