当前位置:   article > 正文

架构研究与对比之MVC、MVP、MVVM_android mvvm的缺点

android mvvm的缺点

一、MVC(Model-View-Controller)

  • 模型层(Model)
    负责存储、检索、操纵来自数据库或者网络的数据
  • 视图层(View)
    用户界面,一般采用XML文件进行界面的描述
  • 控制层(Controller)
    业务逻辑处理

     

    image.png

1. 工作原理

  1. 当用户出发事件的时候,view层会发送指令到controller层,自己不执行业务逻辑。
  2. Controller执行业务逻辑并且操作Model,但不会直接操作View,可以说它是对View无知的。
  3. model层更新完数据然后对视图进行更新,用户得到反馈。

2. MVC代码实例

  • 1.先实现一个 model,需要有通知View更新的能力,当model加载成功,模拟从网络或者本地获取数据,需要告知View更新:
  1. public class MvcModel {
  2. String mId;
  3. MvcActivity mActivity;
  4. public MvcModel (MvcActivity activity) {
  5. this.mActivity = activity;
  6. }
  7. public void loadModel (){
  8. //模拟从网络或者本地获取数据
  9. mId = "20170923";
  10. mActivity.updateUI(this);
  11. }
  12. }
  • 2.View
    View需要发出点击事件,并且传递Controller,同时需要根据Model更新UI:
  1. public class MvcActivity extends AppCompatActivity {
  2. @Override
  3. protected void onCreate(Bundle savedInstanceState) {
  4. //省略
  5. final MvcController controller = new MvcController(this);
  6. mFindBtn.setOnClickListener(new View.OnClickListener() {
  7. @Override
  8. public void onClick(View view) {
  9. controller.loadData();
  10. }
  11. });
  12. }
  13. public void updateUI (MvcModel model) {
  14. mID.setText(model.mId);
  15. }
  16. }
    1. Controller :有时候我们的Activity既充当View也充当Controller, 这里为了更好的理解MVC,将Activity进行了拆解。
  1. public class MvcController {
  2. MvcActivity mActivity;
  3. MvcModel mModel;
  4. MvcController (MvcActivity activity) {
  5. this.mActivity = activity;
  6. }
  7. public void loadData (){
  8. mModel = new MvcModel(mActivity);
  9. mModel.loadModel();
  10. }
  11. }

3. MVC调用链

  1. View:OnClick ->
  2. Controller:loadData->
  3. Model:loadModel->
  4. View:updateUI

4. MVC优缺点

  • 优点:
    把业务逻辑全部分离到Controller中,模块化程度高。当业务逻辑变更的时候,不需要变更View和Model,只需要Controller换成另外一个Controller就行了。
  • 缺点:
    1、 Controller测试困难。因为视图同步操作是由View自己执行,而View只能在有UI的环境下运行。在没有UI环境下对Controller进行单元测试的时候,Controller业务逻辑的正确性是无法验证的:Controller更新Model的时候,无法对View的更新操作进行断言。
    2、 xml作为view层,控制能力实在太弱,Activity基本上都是View和Controller的合体,既要负责视图的显示又要加入控制逻辑,承担的功能很多,导致代码量很大。如想去动态的改变一个页面的背景,或者动态的隐藏/显示一个按钮,这些都没办法在xml中做,只能把代码写在activity中,造成了activity既是controller层。
    3、 view层和model层之间存在耦合。

二、MVP(Model-View-Presenter)

  • 模型层(Model)
    负责存储、检索、操纵来自数据库或者网络的数据。
  • 视图层(View)
    用户界面,一般采用XML文件进行界面的描述。
  • 逻辑处理层(Presenter)
    作为View与Model交互的中间纽带,处理与用户交互的负责逻辑。

image.png

1. 工作原理

  1. View 接受用户请求
  2. View 传递请求给Presenter
  3. Presenter做逻辑处理,修改Model
  4. Model 通知Presenter数据变化
  5. Presenter 更新View

2. MVP代码实例

    1. MVP中Model、View、Presenter中的联系件
  1. public interface MvpContract {
  2. interface View {
  3. void updateUI();
  4. }
  5. interface Model {
  6. void loadModel();
  7. }
  8. interface Presenter {
  9. void loadData ();
  10. }
  11. }
    1. 还在MVC的例子上变动,需要先对Model进行封装,当loadModel后,不直接通知View更新,而是通知Presenter。
  1. public class MvpModel implements MvpContract.Model{
  2. String mId;
  3. OnGetListener mListener;
  4. public MvpModel (OnGetListener listener) {
  5. this.mListener = listener;
  6. }
  7. @Override
  8. public void loadModel (){
  9. //模拟从网络或者本地获取数据
  10. mId = "20170923";
  11. if (mListener != null) {
  12. mListener.onSuccess(this);
  13. }
  14. }
  15. interface OnGetListener {
  16. void onSuccess (MvpModel model);
  17. }
  18. }
    1. View需要发出点击事件,并且传递给Presenter ,最后也由Presenter去通知View更新UI:
  1. public class MvpActivity extends AppCompatActivity implements MvpContract.View {
  2. @Override
  3. protected void onCreate(Bundle savedInstanceState) {
  4. //省略
  5. final MvpPresenter presenter = new MvpPresenter(this);
  6. mFindBtn.setOnClickListener(new View.OnClickListener() {
  7. @Override
  8. public void onClick(View view) {
  9. presenter.loadData();
  10. }
  11. });
  12. }
  13. @Override
  14. public void updateUI (MvpModel model) {
  15. mID.setText(model.mId);
  16. }
  17. }
    1. Presenter ,接收到来自View的操作命令后,进行逻辑处理,处理Model,修改完成后 通知View进行修改。
  1. public class MvpPresenter implements MvpContract.Presenter {
  2. MvpContract.View mView;
  3. MvpContract.Model mModel;
  4. MvpPresenter (MvpContract.View view) {
  5. this.mView= view;
  6. }
  7. @Override
  8. public void loadData (){
  9. mModel = new MvpModel(new MvpModel.OnGetListener() {
  10. @Override
  11. public void onSuccess(MvpModel model) {
  12. mView.updateUI(model);
  13. }
  14. });
  15. mModel.loadModel ();
  16. }
  17. }

3. MVP调用链

  1. View:OnClick ->
  2. Presenter:loadData->
  3. Model:loadModel->
  4. Presenter:onSuccess->
  5. View:updateUI

4. MVP优缺点

  • 优点:
    1、便于测试。Presenter对View是通过接口进行,在对Presenter进行不依赖UI环境的单元测试的时候。可以通过Mock一个View对象,这个对象只需要实现了View的接口即可。然后依赖注入到Presenter中,单元测试的时候就可以完整的测试Presenter业务逻辑的正确性。
    2、避免了传统开发模式中View和Model耦合的情况,提高了代码可扩展性、组件复用能力、团队协作的效率。
  • 缺点:
    1、 View(Activity)需要持有Presenter的引用,同时,Presenter也需要持有View(Activity)的引用,增加了控制的复杂度;
    2、MVC中Activity的代码很臃肿,转移到MVP的Presenter中,同样造成了Presenter在业务逻辑复杂时的代码臃肿。

三、MVVM(Model-View-ViewModel)

  • 模型层(Model)
    负责存储、检索、操纵来自数据库或者网络的数据
  • 视图层(View)
    用户界面,一般采用XML文件进行界面的描述
  • 视图-模型层(ViewModel)
    负责View和Model之间的通信,以此分离视图和数据。

     

    image.png

1. 工作原理

  1. View 接收用户交互请求
  2. View 将请求转交给ViewModel
  3. ViewModel 操作Model数据更新
  4. Model 更新完数据,通知ViewModel数据发生变化
  5. ViewModel 更新View数据

2. MVVM代码实例

  • 1.Model
  1. public class MvvmModel {
  2. String mId;
  3. OnGetListener mListener;
  4. public MvvmModel (OnGetListener listener) {
  5. this.mListener = listener;
  6. }
  7. public void loadModel (){
  8. //模拟从网络或者本地获取数据
  9. mId = "20170923";
  10. if (mListener != null) {
  11. mListener.onSuccess(this);
  12. }
  13. }
  14. interface OnGetListener {
  15. void onSuccess (MvvmModel model);
  16. }
  17. }
  • 2.ViewModel
  1. public class MvvmViewModel extends BaseObservable{
  2. public ObservableField<String> mId = new ObservableField<>();
  3. public MvvmViewModel() {
  4. }
  5. public void doGetId(View view){
  6. loadData();
  7. }
  8. public void loadData() {
  9. MvvmModel model = new MvvmModel(new MvvmModel.OnGetListener() {
  10. @Override
  11. public void onSuccess(MvvmModel model) {
  12. mId.set(model.mId);
  13. }
  14. });
  15. model.loadModel();
  16. }
  17. }
  • 3.接着使用databinding语法 对 xml 进行数据绑定,我们将 Click事件、输出结果都绑定到ViewModel上。
  1. <?xml version="1.0" encoding="utf-8"?>
  2. <layout xmlns:android="http://schemas.android.com/apk/res/android"
  3. xmlns:tools="http://schemas.android.com/tools">
  4. <data>
  5. <variable name="viewModel" type="com.liujc.mvvm.MvvmViewModel"/>
  6. </data>
  7. <LinearLayout
  8. <TextView
  9. android:id="@+id/id"
  10. android:layout_width="match_parent"
  11. android:layout_height="20dp"
  12. android:text="@{viewModel.mId}"/>
  13. <Button
  14. android:id="@+id/findBtn"
  15. android:onClick="@{viewModel.doGetId}"
  16. android:text="获取Id"
  17. android:layout_width="wrap_content"
  18. android:layout_height="wrap_content"/>
  19. </LinearLayout>
  20. </layout>
  • 4.最后在View(Activity)中引入ViewModel :
  1. public class MvvmActivity extends AppCompatActivity {
  2. @Override
  3. protected void onCreate(Bundle savedInstanceState) {
  4. ActivityMvvmBinding binding = DataBindingUtil.setContentView(this,R.layout.activity_mvvm);
  5. final MvvmViewModel viewModel = new MvvmViewModel();
  6. binding.setViewModel(viewModel);
  7. }
  8. }

3.MVVM优缺点

  • 优点:
    1、低耦合。View可以独立于Model变化和修改,一个ViewModel可以绑定到不同的”View”上,当View变化的时候Model可以不变,当Model变化的时候View也可以不变。
    2、可重用性。你可以把一些视图逻辑放在一个ViewModel里面,让很多view重用这段视图逻辑。
    3、独立开发。开发人员可以专注于业务逻辑和数据的开发(ViewModel),设计人员可以专注于页面设计,生成xml代码。
    4、ViewModel解决MVP中View(Activity)和Presenter相互持有对方应用的问题,界面由数据进行驱动,响应界面操作无需由View(Activity)传递,数据的变化也无需Presenter调用View(Activity)实现,使得数据传递的过程更加简洁,高效。
  • 缺点:
    1、ViewModel中存在对Model的依赖。
    2、数据绑定使得 Bug 很难被调试。你看到界面异常了,有可能是你 View 的代码有 Bug,也可能是 Model 的代码有问题。
    3、IDE不够完善(修改ViewModel的名称对应的xml文件中不会自动修改等)。

四、DataBinding

DataBinding是2015年谷歌 I/O大会上介绍了一个数据绑定框架,以前我们可能需要在每个Activity里写很多的findViewById,不仅麻烦,还增加了代码的耦合性,如果我们使用DataBinding,就可以抛弃那么多的findViewById,省时省力。
双向绑定的概念让传统的布局文件由被动转为主动,数据驱动UI,而且View与ViewModel实现了完美的解耦,这也解决了MVP模式下的缺点。

五、小结

  • 从MVC、MVP到MVVM,实际上是模型和视图的分离过程。MVC中模型和视图没有完全分离,造成Activity代码臃肿,MVP中通过Presenter来进行中转,模型和视图彻底分离,但由于V和P互相引用,代码不够优雅。ViewModel通过Data Binding实现了视图和数据的绑定,解决了这种MVP的缺陷。
  • 可参考一套Android App基础框架
    架构设计:从MVC、MVP到MVVM
    网络访问:支持REST、HTTPS及SPDY的Retrofit+Okhttp
    响应式编程:RxJava/RxAndroid解决方案
    依赖注入:Dagger2和ButterKnife使用
  • 框架的选择
    任何的项目框架,都是为项目服务的。没有绝对的好坏之分,只有更合适的选择。在项目进展的不同阶段,做出最合适的调整,才是是更适合团队项目发展的框架。谨记任何的项目设计,都是要围绕项目发展阶段,团队成员规模,和团队整体能力而定的。切莫为了设计而设计,为了框架而框架。快速,高效的配合整个团队进展项目,才是最合适的架构。

最后

如果你看到了这里,觉得文章写得不错就给个赞呗!欢迎大家评论讨论!如果你觉得那里值得改进的,请给我留言。一定会认真查询,修正不足,定期免费分享技术干货。谢谢!

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/菜鸟追梦旅行/article/detail/66219
推荐阅读
相关标签
  

闽ICP备14008679号