android中MVC,MVP和MVVM三种模式详解析

  1. 云栖社区>
  2. 博客>
  3. 正文

android中MVC,MVP和MVVM三种模式详解析

技术小胖子 2017-11-08 22:34:00 浏览523
展开阅读全文

我们都知道,Android本身就采用了MVC模式,model层数据源层我们就不说了,至于view层即通过xml来体现,而 controller层的角色一般是由activity来担当的。虽然我们项目用到了MVP模式,但是现在人们并没有总结出一种规范,所以MVP模式的写法并不统一,而至于MVVM模式看网上的呼声似乎也是赞同和拍砖的参半,所以对于这几种模式我也不发表意见了,适合自己的才是最好的。下面是我看到的关于这几种模式的几篇文章,整合了一下分享给大家。


----------------------------------------------------------------转载内容------------------------------------------------------------

相信大家对MVC,MVP和MVVM都不陌生,作为三个最耳熟能详的Android框架,它们的应用可以是非常广泛的,但是对于一些新手来说,可能对于区分它们三个都有困难,更别说在实际的项目中应用了,有些时候想用MVP的,代码写着写着就变成了MVC,久而久之就对它们三个的选择产生了恐惧感,如果你也是这样的人群,那么这篇文章可能会对你有很大的帮助,希望大家看完都会有收获吧!


文章重点:


(1)了解并区分MVC,MVP,MVVM。


(2)知道这三种模式在Android中如何使用。


(3)走出data binding的误区。


(4)了解MVP+data binding的开发模式。


本篇文章的demo我将会上传到我的github上。


水之积也不厚,则其负大舟也无力


正如庄子在逍遥游中说的,如果水不够深,那就没有能够担负大船的力量 。所以在真正开始涉及具体的代码之前,我们要先对MVC,MVP和MVVM做一个初步的了解。如果各位同学对此已经有所了解了,可以选择性跳过这一节。


MVC


MVC,Model View Controller,是软件架构中最常见的一种框架,简单来说就是通过controller的控制去操作model层的数据,并且返回给view层展示,具体见下图



当用户出发事件的时候,view层会发送指令到controller层,接着controller去通知model层更新数据,model层更新完数据以后直接显示在view层上,这就是MVC的工作原理。


那具体到Android上是怎么样一个情况呢?


大家都知道一个Android工程有什么对吧,有Java的class文件,有res文件夹,里面是各种资源,还有类似manifest文件等等。对于原生的Android项目来说,layout.xml里面的xml文件就对应于MVC的view层,里面都是一些view的布局代码,而各种java bean,还有一些类似repository类就对应于model层,至于controller层嘛,当然就是各种activity咯。大家可以试着套用我上面说的MVC的工作原理是理解。比如你的界面有一个按钮,按下这个按钮去网络上下载一个文件,这个按钮是view层的,是使用xml来写的,而那些和网络连接相关的代码写在其他类里,比如你可以写一个专门的networkHelper类,这个就是model层,那怎么连接这两层呢?是通过button.setOnClickListener()这个函数,这个函数就写在了activity中,对应于controller层。是不是很清晰。


大家想过这样会有什么问题吗?显然是有的,不然为什么会有MVP和MVVM的诞生呢,是吧。问题就在于xml作为view层,控制能力实在太弱了,你想去动态的改变一个页面的背景,或者动态的隐藏/显示一个按钮,这些都没办法在xml中做,只能把代码写在activity中,造成了activity既是controller层,又是view层的这样一个窘境。大家回想一下自己写的代码,如果是一个逻辑很复杂的页面,activity或者fragment是不是动辄上千行呢?这样不仅写起来麻烦,维护起来更是噩梦。(当然看过Android源码的同学其实会发现上千行的代码不算啥,一个RecyclerView.class的代码都快上万行了呢。。)


MVC还有一个重要的缺陷,大家看上面那幅图,view层和model层是相互可知的,这意味着两层之间存在耦合,耦合对于一个大型程序来说是非常致命的,因为这表示开发,测试,维护都需要花大量的精力。


正因为MVC有这样那样的缺点,所以才演化出了MVP和MVVM这两种框架。


MVP


MVP作为MVC的演化,解决了MVC不少的缺点,对于Android来说,MVP的model层相对于MVC是一样的,而activity和fragment不再是controller层,而是纯粹的view层,所有关于用户事件的转发全部交由presenter层处理。下面还是让我们看图



从图中就可以看出,最明显的差别就是view层和model层不再相互可知,完全的解耦,取而代之的presenter层充当了桥梁的作用,用于操作view层发出的事件传递到presenter层中,presenter层去操作model层,并且将数据返回给view层,整个过程中view层和model层完全没有联系。看到这里大家可能会问,虽然view层和model层解耦了,但是view层和presenter层不是耦合在一起了吗?其实不是的,对于view层和presenter层的通信,我们是可以通过接口实现的,具体的意思就是说我们的activity,fragment可以去实现实现定义好的接口,而在对应的presenter中通过接口调用方法。不仅如此,我们还可以编写测试用的View,模拟用户的各种操作,从而实现对Presenter的测试。这就解决了MVC模式中测试,维护难的问题。


当然,其实最好的方式是使用fragment作为view层,而activity则是用于创建view层(fragment)和presenter层(presenter)的一个控制器。


MVVM


MVVM最早是由微软提出的



这里要感谢泡在网上的日子,因为前面看到的三张图我都是从它的博客中摘取的,如果有人知道不允许这样做的话请告诉我,我会从我的博客中删除的,谢谢。


从图中看出,它和MVP的区别貌似不大,只不过是presenter层换成了viewmodel层,还有一点就是view层和viewmodel层是相互绑定的关系,这意味着当你更新viewmodel层的数据的时候,view层会相应的变动ui。


我们很难去说MVP和MVVM这两个MVC的变种孰优孰劣,还是要具体情况具体分析。


纸上得来终觉浅,绝知此事要躬行


对于程序员来说,空谈是最没效率的一种方式,相信大家看了我上面对于三种模式的分析,或多或少都会有点云里雾里,下面让我们结合代码来看看。


让我们试想一下下面这个情景,用户点击一个按钮A,获取github上对应公司对应仓库中贡献排行第一的任的名字,然后我们还会有一个按钮B,用户点击按钮B,界面上排行第一的那个人的名字就会换成自己的。


MVC


MVC实现是最简单的。


首先看对应view层的xml文件

[html] view plain copy 在CODE上查看代码片派生到我的代码片
  1. <?xmlversionxmlversion="1.0"encoding="utf-8"?>  
  2.   
  3. <LinearLayoutxmlns:androidLinearLayoutxmlns:android="http://schemas.android.com/apk/res/android"  
  4.   
  5.     xmlns:tools="http://schemas.android.com/tools"  
  6.   
  7.     android:layout_width="match_parent"  
  8.   
  9.     android:layout_height="match_parent"  
  10.   
  11.     android:id="@+id/container"  
  12.   
  13.     android:orientation="vertical"  
  14.   
  15.     tools:context=".ui.view.MainActivity"  
  16.   
  17.     android:fitsSystemWindows="true">  
  18.   
  19.    
  20.   
  21.     <Button  
  22.   
  23.         android:text="get"  
  24.   
  25.         android:layout_width="match_parent"  
  26.   
  27.         android:layout_height="wrap_content"  
  28.   
  29.         android:onClick="get"/>  
  30.   
  31.    
  32.   
  33.     <Button  
  34.   
  35.         android:text="change"  
  36.   
  37.         android:layout_width="match_parent"  
  38.   
  39.         android:layout_height="wrap_content"  
  40.   
  41.         android:onClick="change"/>  
  42.   
  43.    
  44.   
  45.     <TextView  
  46.   
  47.         android:id="@+id/top_contributor"  
  48.   
  49.         android:layout_width="match_parent"  
  50.   
  51.         android:layout_height="match_parent"  
  52.   
  53.         android:gravity="center"  
  54.   
  55.         android:textSize="30sp"/>  
  56.   
  57.    
  58.   
  59. </LinearLayout>  


很简单,两个Button一个TextView


接着看对应controller层的activity

[java] view plain copy 在CODE上查看代码片派生到我的代码片
  1. public class MainActivity extends AppCompatActivity {  
  2.    
  3.     private ProcessDialog dialog;  
  4.     private Contributor contributor = new Contributor();  
  5.    
  6.     private TextView topContributor;  
  7.    
  8.     private Subscriber<Contributor> contributorSub = new Subscriber<Contributor>() {  
  9.    
  10.         @Override  
  11.         public void onStart() {  
  12.             showProgress();  
  13.         }  
  14.    
  15.         @Override  
  16.         public void onCompleted() {  
  17.    
  18.         }  
  19.    
  20.         @Override  
  21.         public void onError(Throwable e) {  
  22.    
  23.         }  
  24.    
  25.         @Override  
  26.         public void onNext(Contributor contributor) {  
  27.             MainActivity.this.contributor = contributor;  
  28.    
  29.             topContributor.setText(contributor.login);  
  30.    
  31.             dismissProgress();  
  32.         }  
  33.     };  
  34.    
  35.     @Override  
  36.     protected void onCreate(Bundle savedInstanceState) {  
  37.         super.onCreate(savedInstanceState);  
  38.         setContentView(R.layout.activity_main);  
  39.         topContributor = (TextView)findViewById(R.id.top_contributor);  
  40.     }  
  41.    
  42.     public void get(View view){  
  43.         getTopContributor("square", "retrofit");  
  44.     }  
  45.    
  46.     public void change(View view){  
  47.         contributor.login = "zjutkz";  
  48.    
  49.         topContributor.setText(contributor.login);  
  50.     }  
  51.    
  52.     public void getTopContributor(String owner,String repo){  
  53.         GitHubApi.getContributors(owner, repo)  
  54.                 .take(1)  
  55.                 .observeOn(AndroidSchedulers.mainThread())  
  56.                 .subscribeOn(Schedulers.newThread())  
  57.                 .map(new Func1<List<Contributor>, Contributor>() {  
  58.    
  59.                     @Override  
  60.                     public Contributor call(List<Contributor> contributors) {  
  61.                         return contributors.get(0);  
  62.                     }  
  63.                 })  
  64.                 .subscribe(contributorSub);  
  65.     }  
  66.    
  67.     public void showProgress(){  
  68.         if(dialog == null){  
  69.             dialog = new ProcessDialog(this);  
  70.         }  
  71.    
  72.         dialog.showMessage("正在加载...");  
  73.     }  
  74.    
  75.    public void dismissProgress(){  
  76.         if(dialog == null){  
  77.             dialog = new ProcessDialog(this);  
  78.         }  
  79.    
  80.         dialog.dismiss();  
  81.     }  
  82. }  


我们看一下get()方法中调用的getTopContributor方法

[java] view plain copy 在CODE上查看代码片派生到我的代码片
  1. public void getTopContributor(String owner,String repo){  
  2.     GitHubApi.getContributors(owner, repo)  
  3.             .take(1)  
  4.             .observeOn(AndroidSchedulers.mainThread())  
  5.             .subscribeOn(Schedulers.newThread())  
  6.             .map(new Func1<List<Contributor>, Contributor>() {  
  7.    
  8.                 @Override  
  9.                 public Contributor call(List<Contributor> contributors) {  
  10.                     return contributors.get(0);  
  11.                 }  
  12.             })  
  13.             .subscribe(contributorSub);  
  14. }  




熟悉rxjava和retrofit的同学应该都明白这是啥意思,如果对这两个开源库不熟悉也没事,可以参考给 Android 开发者的 RxJava 详解和用 Retrofit 2 简化 HTTP 请求这两篇文章。


对于这里大家只要知道这段代码的意思就是去获取github上owner公司中的repo仓库里贡献排名第一的那个人。贡献者是通过Contributor这个java bean存储的。

[java] view plain copy 在CODE上查看代码片派生到我的代码片
  1. public class Contributor {  
  2.    
  3.     public String login;  
  4.     public int contributions;  
  5.    
  6.     
  7.   @Override  
  8.     public String toString() {  
  9.         return login + ", " + contributions;  
  10.     }  
  11. }  



很简单,login表示贡献者的名字,contributor表示贡献的次数。


然后通过rxjava的subscriber中的onNext()函数得到这个数据。


[java] view plain copy 在CODE上查看代码片派生到我的代码片
  1. private Subscriber<Contributor> contributorSub = new Subscriber<Contributor>() {  
  2.    
  3.     @Override  
  4.     public void onStart() {  
  5.         showProgress();  
  6.     }  
  7.    
  8.     @Override  
  9.     public void onCompleted() {  
  10.    
  11.     }  
  12.    
  13.     @Override  
  14.     public void onError(Throwable e) {  
  15.    
  16.     }  
  17.    
  18.     @Override  
  19.     public void onNext(Contributor contributor) {  
  20.         MainActivity.this.contributor = contributor;  
  21.    
  22.         topContributor.setText(contributor.login);  
  23.    
  24.         dismissProgress();  
  25.     }  
  26. };  


至于另外那个change按钮的工作大家应该都看得懂,这里不重复了。


好了,我们来回顾一遍整个流程。


首先在xml中写好布局代码。


其次,activity作为一个controller,里面的逻辑是监听用户点击按钮并作出相应的操作。比如针对get按钮,做的工作就是调用GithubApi的方法去获取数据。


GithubApi,Contributor等类则表示MVC中的model层,里面是数据和一些具体的逻辑操作。


说完了流程再来看看问题,还记得我们前面说的吗,MVC在Android上的应用,一个具体的问题就是activity的责任过重,既是controller又是view。这里是怎么体现的呢?看了代码大家发现其中有一个progressDialog,在加载数据的时候显示,加载完了以后取消,逻辑其实是view层的逻辑,但是这个我们没办法写到xml里面啊,包括TextView.setTextView(),这个也一样。我们只能把这些逻辑写到activity中,这就造成了activity的臃肿,这个例子可能还好,如果是一个复杂的页面呢?大家自己想象一下。


MVP


通过具体的代码大家知道了MVC在Android上是如何工作的,也知道了它的缺点,那MVP是如何修正的呢?


这里先向大家推荐github上的一个第三方库,通过这个库大家可以很轻松的实现MVP。好了,还是看代码吧。


首先还是xml

[html] view plain copy 在CODE上查看代码片派生到我的代码片
  1. <?xml version="1.0" encoding="utf-8"?>  
  2. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"  
  3.     xmlns:tools="http://schemas.android.com/tools"  
  4.     android:layout_width="match_parent"  
  5.     android:layout_height="match_parent"  
  6.     android:id="@+id/container"  
  7.     android:orientation="vertical"  
  8.     tools:context=".ui.view.MainActivity"  
  9.     android:fitsSystemWindows="true">  
  10.    
  11.     <Button  
  12.         android:text="get"  
  13.         android:layout_width="match_parent"  
  14.         android:layout_height="wrap_content"  
  15.         android:onClick="get"/>  
  16.    
  17.     <Button  
  18.         android:text="change"  
  19.         android:layout_width="match_parent"  
  20.         android:layout_height="wrap_content"  
  21.         android:onClick="change"/>  
  22.    
  23.     <TextView  
  24.         android:id="@+id/top_contributor"  
  25.         android:layout_width="match_parent"  
  26.         android:layout_height="match_parent"  
  27.         android:gravity="center"  
  28.         android:textSize="30sp"/>  
  29.    
  30. </LinearLayout>  



这个和MVC是一样的,毕竟界面的形式是一样的嘛。


接下去,我们看一个接口。


[java] view plain copy 在CODE上查看代码片派生到我的代码片
  1. public interface ContributorView extends MvpView {  
  2.    
  3.     void onLoadContributorStart();  
  4.    
  5.     void onLoadContributorComplete(Contributor topContributor);  
  6.    
  7.     void onChangeContributorName(String name);  
  8. }  

这个接口起什么作用呢?还记得我之前说的吗?MVP模式中,view层和presenter层靠的就是接口进行连接,而具体的就是上面的这个了,里面定义的三个方法,第一个是开始获取数据,第二个是获取数据成功,第三个是改名。我们的view层(activity)只要实现这个接口就可以了。


下面看activity的代码

[java] view plain copy 在CODE上查看代码片派生到我的代码片
  1. public class MainActivity extends MvpActivity<ContributorView,ContributorPresenter> implements ContributorView {  
  2.    
  3.     private ProcessDialog dialog;  
  4.    
  5.     private TextView topContributor;  
  6.    
  7.     @Override  
  8.     protected void onCreate(Bundle savedInstanceState) {  
  9.         super.onCreate(savedInstanceState);  
  10.         setContentView(R.layout.activity_main);  
  11.         topContributor = (TextView)findViewById(R.id.top_contributor);  
  12.     }  
  13.    
  14.     @NonNull  
  15.     @Override  
  16.     public ContributorPresenter createPresenter() {  
  17.         return new ContributorPresenter();  
  18.     }  
  19.    
  20.     public void get(View view){  
  21.         getPresenter().get("square", "retrofit");  
  22.     }  
  23.    
  24.     public void change(View view){  
  25.         getPresenter().change();  
  26.     }  
  27.    
  28.     @Override  
  29.     public void onLoadContributorStart() {  
  30.         showProgress();  
  31.     }  
  32.    
  33.     @Override  
  34.     public void onLoadContributorComplete(Contributor contributor) {  
  35.    
  36.         topContributor.setText(contributor.toString());  
  37.    
  38.         dismissProgress();  
  39.     }  
  40.    
  41.     @Override  
  42.     public void onChangeContributorName(String name) {  
  43.         topContributor.setText(name);  
  44.     }  
  45.    
  46.     public void showProgress(){  
  47.         if(dialog == null){  
  48.             dialog = new ProcessDialog(this);  
  49.         }  
  50.    
  51.         dialog.showMessage("正在加载...");  
  52.     }  
  53.    
  54.     public void dismissProgress(){  
  55.         if(dialog == null){  
  56.             dialog = new ProcessDialog(this);  
  57.         }  
  58.    
  59.         dialog.dismiss();  
  60.     }  
  61. }  



它继承自MvpActivity,实现了刚才的ContributorView接口。继承的那个MvpActivity大家这里不用太关心主要是做了一些初始化和生命周期的封装。我们只要关心这个activity作为view层,到底是怎么工作的。

[java] view plain copy 在CODE上查看代码片派生到我的代码片
  1. public void get(View view){  
  2.     getPresenter().get("square", "retrofit");  
  3. }  
  4.    
  5. public void change(View view){  
  6.     getPresenter().change();  
  7. }  


get()和change()这两个方法是我们点击按钮以后执行的,可以看到,里面完完全全没有任何和model层逻辑相关的东西,只是简单的委托给了presenter,那我们再看看presenter层做了什么

[java] view plain copy 在CODE上查看代码片派生到我的代码片
  1. public class ContributorPresenter extends MvpBasePresenter<ContributorView> {  
  2.    
  3.     private Subscriber<Contributor> contributorSub = new Subscriber<Contributor>() {  
  4.    
  5.         @Override  
  6.         public void onStart() {  
  7.             ContributorView view = getView();  
  8.             if(view != null){  
  9.                 view.onLoadContributorStart();  
  10.             }  
  11.         }  
  12.    
  13.         @Override  
  14.         public void onCompleted() {  
  15.    
  16.         }  
  17.    
  18.         @Override  
  19.         public void onError(Throwable e) {  
  20.    
  21.         }  
  22.    
  23.         @Override  
  24.         public void onNext(Contributor topContributor) {  
  25.             ContributorView view = getView();  
  26.             if(view != null){  
  27.                 view.onLoadContributorComplete(topContributor);  
  28.             }  
  29.         }  
  30.     };  
  31.    
  32.     public void get(String owner,String repo){  
  33.         GitHubApi.getContributors(owner, repo)  
  34.                 .take(1)  
  35.                 .observeOn(AndroidSchedulers.mainThread())  
  36.                 .subscribeOn(Schedulers.newThread())  
  37.                 .map(new Func1<List<Contributor>, Contributor>() {  
  38.    
  39.                     @Override  
  40.                     public Contributor call(List<Contributor> contributors) {  
  41.                         return contributors.get(0);  
  42.                     }  
  43.                 })  
  44.                 .subscribe(contributorSub);  
  45.     }  
  46.    
  47.     public void change(){  
  48.         ContributorView view = getView();  
  49.         if(view != null){  
  50.             view.onChangeContributorName("zjutkz");  
  51.         }  
  52.     }  
  53. }  


其实就是把刚才MVC中activity的那部分和model层相关的逻辑抽取了出来,并且在相应的时机调用ContributorView接口对应的方法,而我们的activity是实现了这个接口的,自然会走到对应的方法中。好了,我们来捋一捋。

首先,和MVC最大的不同,MVP把activity作为了view层,通过代码也可以看到,整个activity没有任何和model层相关的逻辑代码,取而代之的是把代码放到了presenter层中,presenter获取了model层的数据之后,通过接口的形式将view层需要的数据返回给它就OK了。

这样的好处是什么呢?首先,activity的代码逻辑减少了,其次,view层和model层完全解耦,具体来说,如果你需要测试一个http请求是否顺利,你不需要写一个activity,只需要写一个java类,实现对应的接口,presenter获取了数据自然会调用相应的方法,相应的,你也可以自己在presenter中mock数据,分发给view层,用来测试布局是否正确。


它竟然说data binding的viewmodel层是binding类,其实不止是这篇文章,其他有一些开发者写的关于data binding的文章里都犯了一样的错误。大家如果也有这样的概念,请务必纠正过来!!说完了错误的概念,那data binding中真正的viewmodel是什么呢?我们还是以之前MVC,MVP的那个例子做引导。首先是view层,这没啥好说的,和MVP一样,只不过多了数据绑定。view层就是xml和activity。

[html] view plain copy 在CODE上查看代码片派生到我的代码片
  1. <layout xmlns:android="http://schemas.android.com/apk/res/android">  
  2.     <data>  
  3.         <variable name="contributor" type="zjutkz.com.mvvm.viewmodel.Contributor"/>  
  4.     </data>  
  5.     <LinearLayout  
  6.         android:layout_width="match_parent"  
  7.         android:layout_height="match_parent"  
  8.         android:id="@+id/container"  
  9.         android:orientation="vertical"  
  10.         android:fitsSystemWindows="true">  
  11.    
  12.         <Button  
  13.             android:id="@+id/get"  
  14.             android:text="get"  
  15.             android:layout_width="match_parent"  
  16.             android:layout_height="wrap_content"  
  17.             android:onClick="get"/>  
  18.    
  19.         <Button  
  20.             android:id="@+id/change"  
  21.             android:text="change"  
  22.             android:layout_width="match_parent"  
  23.             android:layout_height="wrap_content"  
  24.             android:onClick="change"/>  
  25.           
  26.         <TextView  
  27.             android:id="@+id/top_contributor"  
  28.             android:layout_width="match_parent"  
  29.             android:layout_height="match_parent"  
  30.             android:gravity="center"  
  31.             android:textSize="30sp"  
  32.             android:text="@{contributor.login}"/>  
  33.     </LinearLayout>  
  34.    
  35. </layout>  



[java] view plain copy 在CODE上查看代码片派生到我的代码片
  1. public class MainActivity extends AppCompatActivity {  
  2.     private Subscriber<Contributor> contributorSub = new Subscriber<Contributor>() {  
  3.    
  4.         @Override  
  5.         public void onStart() {  
  6.             showProgress();  
  7.         }  
  8.    
  9.         @Override  
  10.         public void onCompleted() {  
  11.    
  12.         }  
  13.    
  14.         @Override  
  15.         public void onError(Throwable e) {  
  16.    
  17.         }  
  18.    
  19.         @Override  
  20.         public void onNext(Contributor contributor) {  
  21.             binding.setContributor(contributor);  
  22.    
  23.             dismissProgress();  
  24.         }  
  25.     };  
  26.    
  27.     private ProcessDialog dialog;  
  28.    
  29.     private MvvmActivityMainBinding binding;  
  30.    
  31.     @Override  
  32.     protected void onCreate(Bundle savedInstanceState) {  
  33.         super.onCreate(savedInstanceState);  
  34.         binding = DataBindingUtil.setContentView(this, R.layout.mvvm_activity_main);  
  35.     }  
  36.    
  37.     public void get(View view){  
  38.         getContributors("square", "retrofit");  
  39.     }  
  40.    
  41.     public void change(View view){  
  42.         if(binding.getContributor() != null){  
  43.             binding.getContributor().setLogin("zjutkz");  
  44.         }  
  45.     }  
  46.    
  47.     public void showProgress(){  
  48.         if(dialog == null){  
  49.             dialog = new ProcessDialog(this);  
  50.         }  
  51.    
  52.         dialog.showMessage("正在加载...");  
  53.     }  
  54.    
  55.     public void dismissProgress(){  
  56.         if(dialog == null){  
  57.             dialog = new ProcessDialog(this);  
  58.         }  
  59.    
  60.         dialog.dismiss();  
  61.     }  
  62.    
  63.     public void getContributors(String owner,String repo){  
  64.         GitHubApi.getContributors(owner, repo)  
  65.                 .take(1)  
  66.                 .observeOn(AndroidSchedulers.mainThread())  
  67.                 .subscribeOn(Schedulers.newThread())  
  68.                 .map(new Func1<List<Contributor>, Contributor>() {  
  69.    
  70.                     @Override  
  71.                     public Contributor call(List<Contributor> contributors) {  
  72.                         return contributors.get(0);  
  73.                     }  
  74.                 })  
  75.                 .subscribe(contributorSub);  
  76.     }  
  77. }  

如果你对data binding框架是有了解的,上面的代码你能轻松的看懂。

那model层又是什么呢?当然就是那些和数据相关的类,GithubApi等等。

重点来了,viewmodel层呢?好吧,viewmodel层就是是Contributor类!大家不要惊讶,我慢慢的来说。

[java] view plain copy 在CODE上查看代码片派生到我的代码片
  1. public class Contributor extends BaseObservable{  
  2.    
  3.     private String login;  
  4.     private int contributions;  
  5.    
  6.     @Bindable  
  7.     public String getLogin(){  
  8.         return login;  
  9.     }  
  10.    
  11.     @Bindable  
  12.     public int getContributions(){  
  13.         return contributions;  
  14.     }  
  15.    
  16.     public void setLogin(String login){  
  17.         this.login = login;  
  18.         notifyPropertyChanged(BR.login);  
  19.     }  
  20.    
  21.     public void setContributions(int contributions){  
  22.         this.contributions = contributions;  
  23.         notifyPropertyChanged(BR.contributions);  
  24.     }  
  25.    
  26.     @Override  
  27.     public String toString() {  
  28.         return login + ", " + contributions;  
  29.     }  
  30. }  


我们可以看到,Contributor和MVP相比,继承自了BaseObservable,有基础的同学都知道这是为了当Contributor内部的variable改变的时候ui可以同步的作出响应。

我为什么说Contributor是一个viewmodel呢。大家还记得viewmodel的概念吗?view和viewmodel相互绑定在一起,viewmodel的改变会同步到view层,从而view层作出响应。这不就是Contributor和xml中那些组件元素的关系吗?所以,大家不要被binding类迷惑了,data binding框架中的viewmodel是自己定义的那些看似是model类的东西!比如这里的Contributor!


话说到这里,那binding类又是什么呢?其实具体对应到之前MVVM的那张图就很好理解了,我们想一下,binding类的工作是什么?

[java] view plain copy 在CODE上查看代码片派生到我的代码片
  1. binding = DataBindingUtil.setContentView(this,R.layout.mvvm_activity_main);  
  2. binding.setContributor(contributor);  



首先,binding要通过DataBindingUtil.setContentView()方法将xml,也就是view层设定。

接着,通过setXXX()方法将viewmodel层注入进去。

由于这两个工作,view层(xml的各个组件)和viewmodel层(contributor)绑定在了一起。

好了,大家知道了吗,binding类,其实就是上图中view和viewmodel中间的那根线啊!!


 

MVVM

MVVM的问题呢,其实和MVC有一点像。data binding框架解决了数据绑定的问题,但是view层还是会过重,大家可以看我上面那个MVVM模式下的activity

[java] view plain copy 在CODE上查看代码片派生到我的代码片
  1. public class MainActivity extends AppCompatActivity {  
  2.    
  3.     private Subscriber<Contributor> contributorSub = new Subscriber<Contributor>() {  
  4.    
  5.         @Override  
  6.         public void onStart() {  
  7.             showProgress();  
  8.         }  
  9.    
  10.         @Override  
  11.         public void onCompleted() {  
  12.    
  13.         }  
  14.    
  15.         @Override  
  16.         public void onError(Throwable e) {  
  17.    
  18.         }  
  19.    
  20.         @Override  
  21.         public void onNext(Contributor contributor) {  
  22.             binding.setContributor(contributor);  
  23.    
  24.             dismissProgress();  
  25.         }  
  26.     };  
  27.    
  28.     private ProcessDialog dialog;  
  29.    
  30.     private MvvmActivityMainBinding binding;  
  31.    
  32.     @Override  
  33.     protected void onCreate(Bundle savedInstanceState) {  
  34.         super.onCreate(savedInstanceState);  
  35.         binding = DataBindingUtil.setContentView(this, R.layout.mvvm_activity_main);  
  36.     }  
  37.    
  38.     public void get(View view){  
  39.         getContributors("square", "retrofit");  
  40.     }  
  41.    
  42.     public void change(View view){  
  43.         if(binding.getContributor() != null){  
  44.             binding.getContributor().setLogin("zjutkz");  
  45.         }  
  46.     }  
  47.    
  48.     public void showProgress(){  
  49.         if(dialog == null){  
  50.             dialog = new ProcessDialog(this);  
  51.         }  
  52.    
  53.         dialog.showMessage("正在加载...");  
  54.     }  
  55.    
  56.     public void dismissProgress(){  
  57.         if(dialog == null){  
  58.             dialog = new ProcessDialog(this);  
  59.         }  
  60.    
  61.         dialog.dismiss();  
  62.     }  
  63.    
  64.     public void getContributors(String owner,String repo){  
  65.         GitHubApi.getContributors(owner, repo)  
  66.                 .take(1)  
  67.                 .observeOn(AndroidSchedulers.mainThread())  
  68.                 .subscribeOn(Schedulers.newThread())  
  69.                 .map(new Func1<List<Contributor>, Contributor>() {  
  70.    
  71.                     @Override  
  72.                     public Contributor call(List<Contributor> contributors) {  
  73.                         return contributors.get(0);  
  74.                     }  
  75.                 })  
  76.                 .subscribe(contributorSub);  
  77.     }  
  78. }  


大家有没有发现,activity在MVVM中应该是view层的,但是里面却和MVC一样写了对model的处理。有人会说你可以把对model的处理放到viewmodel层中,这样不是更符合MVVM的设计理念吗?这样确实可以,但是progressDialog的show和dismiss呢?你怎么在viewmodel层中控制?这是view层的东西啊,而且在xml中也没有,我相信会有解决的方案,但是我们有没有一种更加便捷的方式呢?


 

首先还是view层。


[html] view plain copy 在CODE上查看代码片派生到我的代码片
  1. <layout xmlns:android="http://schemas.android.com/apk/res/android">  
  2.     <data>  
  3.         <variable name="contributor" type="zjutkz.com.mvpdatabinding.viewmodel.Contributor"/>  
  4.     </data>  
  5.     <LinearLayout  
  6.         android:layout_width="match_parent"  
  7.         android:layout_height="match_parent"  
  8.         android:id="@+id/container"  
  9.         android:orientation="vertical"  
  10.         android:fitsSystemWindows="true">  
  11.    
  12.         <Button  
  13.             android:id="@+id/get"  
  14.             android:text="get"  
  15.             android:layout_width="match_parent"  
  16.             android:layout_height="wrap_content"  
  17.             android:onClick="get"/>  
  18.    
  19.         <Button  
  20.             android:id="@+id/change"  
  21.             android:text="change"  
  22.             android:layout_width="match_parent"  
  23.             android:layout_height="wrap_content"  
  24.             android:onClick="change"/>  
  25.    
  26.         <TextView  
  27.             android:id="@+id/top_contributor"  
  28.             android:layout_width="match_parent"  
  29.             android:layout_height="match_parent"  
  30.             android:gravity="center"  
  31.             android:textSize="30sp"  
  32.             android:text="@{contributor.login}"/>  
  33.     </LinearLayout>  
  34.    
  35. </layout>  


[java] view plain copy 在CODE上查看代码片派生到我的代码片
  1. public class MainActivity extends MvpActivity<ContributorView,ContributorPresenter> implements ContributorView {  
  2.    
  3.     private ProcessDialog dialog;  
  4.    
  5.     private ActivityMainBinding binding;  
  6.    
  7.     @Override  
  8.     protected void onCreate(Bundle savedInstanceState) {  
  9.         super.onCreate(savedInstanceState);  
  10.         binding = DataBindingUtil.setContentView(this, R.layout.activity_main);  
  11.     }  
  12.    
  13.     @NonNull  
  14.     @Override  
  15.     public ContributorPresenter createPresenter() {  
  16.         return new ContributorPresenter();  
  17.     }  
  18.    
  19.     public void get(View view){  
  20.         getPresenter().get("square", "retrofit");  
  21.     }  
  22.    
  23.     public void change(View view){  
  24.         if(binding.getContributor() != null){  
  25.             binding.getContributor().setLogin("zjutkz");  
  26.         }  
  27.     }  
  28.    
  29.     @Override  
  30.     public void onLoadContributorStart() {  
  31.         showProgress();  
  32.     }  
  33.    
  34.     @Override  
  35.     public void onLoadContributorComplete(Contributor contributor) {  
  36.         binding.setContributor(contributor);  
  37.         dismissProgress();  
  38.     }  
  39.    
  40.     public void showProgress(){  
  41.         if(dialog == null){  
  42.             dialog = new ProcessDialog(this);  
  43.         }  
  44.    
  45.         dialog.showMessage("正在加载...");  
  46.     }  
  47.    
  48.     public void dismissProgress(){  
  49.         if(dialog == null){  
  50.             dialog = new ProcessDialog(this);  
  51.         }  
  52.    
  53.         dialog.dismiss();  
  54.     }  
  55. }  


然后是presenter层

[java] view plain copy 在CODE上查看代码片派生到我的代码片
  1. public class ContributorPresenter extends MvpBasePresenter<ContributorView> {  
  2.    
  3.     private Subscriber<Contributor> contributorSub = new Subscriber<Contributor>() {  
  4.    
  5.         @Override  
  6.         public void onStart() {  
  7.             ContributorView view = getView();  
  8.             if(view != null){  
  9.                 view.onLoadContributorStart();  
  10.             }  
  11.         }  
  12.    
  13.         @Override  
  14.         public void onCompleted() {  
  15.    
  16.         }  
  17.    
  18.         @Override  
  19.         public void onError(Throwable e) {  
  20.    
  21.         }  
  22.    
  23.         @Override  
  24.         public void onNext(Contributor topContributor) {  
  25.             ContributorView view = getView();  
  26.             if(view != null){  
  27.                 view.onLoadContributorComplete(topContributor);  
  28.             }  
  29.         }  
  30.     };  
  31.    
  32.     public void get(String owner,String repo){  
  33.         GitHubApi.getContributors(owner, repo)  
  34.                 .take(1)  
  35.                 .observeOn(AndroidSchedulers.mainThread())  
  36.                 .subscribeOn(Schedulers.newThread())  
  37.                 .map(new Func1<List<Contributor>, Contributor>() {  
  38.    
  39.                     @Override  
  40.                     public Contributor call(List<Contributor> contributors) {  
  41.                         return contributors.get(0);  
  42.                     }  
  43.                 })  
  44.                 .subscribe(contributorSub);  
  45.     }  
  46. }  


model层就是GithubApi等等。

我们使用了data binding框架去节省了类似findViewById和数据绑定的时间,又使用了presenter去将业务逻辑和view层分离。

当然这也不是固定的,你大可以在viewmodel中实现相应的接口,presenter层的数据直接发送到viewmodel中,在viewmodel里更新,因为view和viewmodel是绑定的,这样view也会相应的作出反应。

说到这里,我还是想重复刚才的那句话,最佳实践都是人想出来的,用这些框架根本的原因也是为了尽量低的耦合性和尽量高的可复用性。


    本文转自 一点点征服   博客园博客,原文链接:http://www.cnblogs.com/ldq2016/p/6697916.html,如需转载请自行联系原作者


网友评论

登录后评论
0/500
评论
技术小胖子
+ 关注