MVC、MVP和MVVM是常见的三种架构设计模式,当前MVP和MVVM的使用相对比较广泛,当然MVC也并没有过时之说。而所谓的组件化就是指将应用根据业务需求划分成各个模块来进行开发,每个模块又可以编译成独立的APP进行开发。理论上讲,组件化和前面三种架构设计不是一个层次的。它们之间的关系是,组件化的各个组件可以使用前面三种架构设计。我们只有了解了这些架构设计的特点之后,才能在进行开发的时候选择适合自己项目的架构模式,这也是本文的目的。
MVC (Model-View-Controller, 模型-视图-控制器),标准的MVC是这个样子的:
Activity并非标准的Controller,它一方面用来控制了布局,另一方面还要在Activity中写业务代码,造成了Activity既像View又像Controller。
在Android开发中,就是指直接使用Activity并在其中写业务逻辑的开发方式。显然,一方面Activity本身就是一个视图,另一方面又要负责处理业务逻辑,因此逻辑会比较混乱。
这种开发方式不太适合Android开发。
MVP (Model-View-Presenter) 是MVC的演化版本,几个主要部分如下:
所以,对于MVP的架构设计,我们有以下几点需要说明:
为了说明MVP设计模式,我们给出一个示例程序。你可以在Github中获取到它的源代码。
在该示例中,我们使用了:
下面是该模块的基本的包结构:
这里核心的代码是MVP部分。
这里我们首先定义了MVP模式中的最顶层的View和Presenter,在这里分别是BaseView和BasePresenter,它们在该项目中是两个空的接口,在一些项目中,我们可以根据自己的需求在这两个接口中添加自己需要的方法。
然后,我们定义了HomeContract。它是一个抽象的接口,相当于一层协议,用来规定指定的功能的View和Presenter分别应该具有哪些方法。通常,对于不同的功能,我们需要分别实现一个MVP,每个MVP都会又一个对应的Contract。笔者认为它的好处在于,将指定的View和Presenter的接口定义在一个接口中,更加集中。它们各自需要实现的方法也一目了然地展现在了我们面前。
这里根据我们的业务场景,该接口的定义如下:
public interface HomeContract { interface IView extends BaseView { void setFirstPage(List<HomeBean.IssueList.ItemList> itemLists); void setNextPage(List<HomeBean.IssueList.ItemList> itemLists); void onError(String msg); } interface IPresenter extends BasePresenter { void requestFirstPage(); void requestNextPage(); } }
HomeContract用来规定View和Presenter应该具有的操作,在这里它用来指定主页的View和Presenter的方法。从上面我们也可以看出,这里的IView和IPresenter分别实现了BaseView和BasePresenter。
上面,我们定义了V和P的规范,MVP中还有一项Model,它用来从网络中获取数据。这里我们省去网络相关的具体的代码,你只需要知道APIRetrofit.getEyepetizerService()是用来获取Retrofit对应的Service,而getMoreHomeData()和getFirstHomeData()是用来从指定的接口中获取数据就行。下面是HomeModel的定义:
public class HomeModel { public Observable<HomeBean> getFirstHomeData() { return APIRetrofit.getEyepetizerService().getFirstHomeData(System.currentTimeMillis()); } public Observable<HomeBean> getMoreHomeData(String url) { return APIRetrofit.getEyepetizerService().getMoreHomeData(url); } }
OK,上面我们已经完成了Model的定义和View及Presenter的规范的定义。下面,我们就需要具体去实现View和Presenter。
首先是Presenter,下面是我们的HomePresenter的定义。在下面的代码中,为了更加清晰地展示其中的逻辑,我删减了一部分无关代码:
public class HomePresenter implements HomeContract.IPresenter { private HomeContract.IView view; private HomeModel homeModel; private String nextPageUrl; // 传入View并实例化Model public HomePresenter(HomeContract.IView view) { this.view = view; homeModel = new HomeModel(); } // 使用Model请求数据,并在得到请求结果的时候调用View的方法进行回调 @Override public void requestFirstPage() { Disposable disposable = homeModel.getFirstHomeData() // .... .subscribe(itemLists -> { view.setFirstPage(itemLists); }, throwable -> { view.onError(throwable.toString()); }); } // 使用Model请求数据,并在得到请求结果的时候调用View的方法进行回调 @Override public void requestNextPage() { Disposable disposable = homeModel.getMoreHomeData(nextPageUrl) // .... .subscribe(itemLists -> { view.setFirstPage(itemLists); }, throwable -> { view.onError(throwable.toString()); }); } }
从上面我们可以看出,在Presenter需要将View和Model建立联系。我们需要在初始化的时候传入View,并实例化一个Model。Presenter通过Model获取数据,并在拿到数据的时候,通过View的方法通知给View层。
然后,就是我们的View层的代码,同样,我对代码做了删减:
@Route(path = BaseConstants.EYEPETIZER_MENU) public class HomeActivity extends CommonActivity<ActivityEyepetizerMenuBinding> implements HomeContract.IView { // 实例化Presenter private HomeContract.IPresenter presenter; { presenter = new HomePresenter(this); } @Override protected int getLayoutResId() { return R.layout.activity_eyepetizer_menu; } @Override protected void doCreateView(Bundle savedInstanceState) { // ... // 使用Presenter请求数据 presenter.requestFirstPage(); loading = true; } private void configList() { // ... getBinding().rv.addOnScrollListener(new RecyclerView.OnScrollListener() { @Override public void onScrolled(RecyclerView recyclerView, int dx, int dy) { // 请求下一页的数据 presenter.requestNextPage(); } } }); } // 当请求到结果的时候在页面上做处理,展示到页面上 @Override public void setFirstPage(List<HomeBean.IssueList.ItemList> itemLists) { loading = false; homeAdapter.addData(itemLists); } // 当请求到结果的时候在页面上做处理,展示到页面上 @Override public void setNextPage(List<HomeBean.IssueList.ItemList> itemLists) { loading = false; homeAdapter.addData(itemLists); } @Override public void onError(String msg) { ToastUtils.makeToast(msg); } // ... }
从上面的代码中我们可以看出实际在View中也要维护一个Presenter的实例。
当需要请求数据的时候会使用该实例的方法来请求数据,所以,在开发的时候,我们需要根据请求数据的情况,在Presenter中定义接口方法。
实际上,MVP的原理就是View通过Presenter获取数据,获取到数据之后再回调View的方法来展示数据。
优点:
缺点:
MVVM 是 Model-View-ViewModel 的简写。它本质上就是 MVC 的改进版。MVVM 就是将其中的 View 的状态和行为抽象化,让我们将视图 UI 和业务逻辑分开。
使用 Google 官方的 Android Architecture Components ,我们可以很容易地将 MVVM 应用到我们的应用中。下面,我们就使用它来展示一下 MVVM 的实际的应用。你可以在Github中获取到它的源代码。
在该项目中,我们使用了:
该项目的包结构如下图所示:
这里的model.data下面的类是对应于网络的数据实体的,由JSON自动生成,这里我们不进行详细描述。这里的model.repository下面的两个类是用来从网络中获取数据信息的,我们也忽略它的定义。
上面就是我们的 Model 的定义,并没有太多的内容,基本与 MVP 一致。
下面的是 ViewModel 的代码,我们选择了其中的一个方法来进行说明。当我们定义 ViewModel 的时候,需要继承 ViewModel 类。
public class GuokrViewModel extends ViewModel { public LiveData<Resource<GuokrNews>> getGuokrNews(int offset, int limit) { MutableLiveData<Resource<GuokrNews>> result = new MutableLiveData<>(); GuokrRetrofit.getGuokrService().getNews(offset, limit) .subscribeOn(Schedulers.io()) .observeOn(AndroidSchedulers.mainThread()) .subscribe(new Observer<GuokrNews>() { @Override public void onError(Throwable e) { result.setValue(Resource.error(e.getMessage(), null)); } @Override public void onComplete() { } @Override public void onSubscribe(Disposable d) { } @Override public void onNext(GuokrNews guokrNews) { result.setValue(Resource.success(guokrNews)); } }); return result; } }
这里的 ViewModel 来自 android.arch.lifecycle.ViewModel,所以,为了使用它,我们还需要加入下面的依赖:
api "android.arch.lifecycle:runtime:$archVersion" api "android.arch.lifecycle:extensions:$archVersion" annotationProcessor "android.arch.lifecycle:compiler:$archVersion"
在 ViewModel 的定义中,我们直接使用 Retrofit 来从网络中获取数据。然后当获取到数据的时候,我们使用 LiveData 的方法把数据封装成一个对象返回给 View 层。在 View 层,我们只需要调用该方法,并对返回的 LiveData 进行"监听"即可。这里,我们将错误信息和返回的数据信息进行了封装,并且封装了一个代表当前状态的枚举信息,你可以参考源代码来详细了解下这些内容。
上面我们定义完了 Model 和 ViewModel,下面我们看下 View 层的定义,以及在 View 层中该如何使用 ViewModel。
@Route(path = BaseConstants.GUOKR_NEWS_LIST) public class NewsListFragment extends CommonFragment<FragmentNewsListBinding> { private GuokrViewModel guokrViewModel; private int offset = 0; private final int limit = 20; private GuokrNewsAdapter adapter; @Override protected int getLayoutResId() { return R.layout.fragment_news_list; } @Override protected void doCreateView(Bundle savedInstanceState) { // ... guokrViewModel = ViewModelProviders.of(this).get(GuokrViewModel.class); fetchNews(); } private void fetchNews() { guokrViewModel.getGuokrNews(offset, limit).observe(this, guokrNewsResource -> { if (guokrNewsResource == null) { return; } switch (guokrNewsResource.status) { case FAILED: ToastUtils.makeToast(guokrNewsResource.message); break; case SUCCESS: adapter.addData(guokrNewsResource.data.getResult()); adapter.notifyDataSetChanged(); break; } }); } }
以上就是我们的 View 层的定义,这里我们先使用了
这里的view.fragment包下面的类对应于实际的页面,这里我们 ViewModelProviders 的方法来获取我们需要使用的 ViewModel,然后,我们直接使用该 ViewModel 的方法获取数据,并对返回的结果进行“监听”即可。
以上就是 MVVM 的基本使用,当然,这里我们并没有使用 DataBinding 直接与返回的列表信息进行绑定,它被更多的用在了整个 Fragment 的布局中。
MVVM模式和MVC模式一样,主要目的是分离视图(View)和模型(Model),有几大优点:
所谓的组件化,通俗理解就是将一个工程分成各个模块,各个模块之间相互解耦,可以独立开发并编译成一个独立的 APP 进行调试,然后又可以将各个模块组合起来整体构成一个完整的 APP。它的好处是当工程比较大的时候,便于各个开发者之间分工协作、同步开发;被分割出来的模块又可以在项目之间共享,从而达到复用的目的。组件化有诸多好处,尤其适用于比较大型的项目。
简单了解了组件化之后,让我们来看一下如何实现组件化开发。你可能之前听说过组件化开发,或者被其高大上的称谓吓到了,但它实际应用起来并不复杂,至少借助了现成的框架之后并不复杂。这里我们先梳理一下,在应用组件化的时候需要解决哪些问题:
Talk is cheap,下面让我们动手实践来应用组件化进行开发。你可以在Github中获取到它的源代码。
首先,我们先来看整个应用的包的结构。如下图所示,该模块的划分是根据各个模块的功能来决定的。图的右侧白色的部分是各个模块的文件路径,我推荐使用这种方式,而不是将各个模块放置在 app 下面,因为这样看起来更加的清晰。为了达到这个目的,你只需要按照下面的方式在 settings.gralde 里面配置一下各个模块的路径即可。注意在实际应用的时候模块的路径的关系,不要搞错了。
然后,我们介绍一下这里的 commons 模块。它用来存放公共的资源和一些依赖,这里我们将两者放在了一个模块中以减少模块的数量。下面是它的 gradle 的部分配置。这里我们使用了 api 来引入各个依赖,以便在其他的模块中也能使用这些依赖。
dependencies { api fileTree(include: ['*.jar'], dir: 'libs') // ... // router api 'com.alibaba:arouter-api:1.3.1' annotationProcessor 'com.alibaba:arouter-compiler:1.1.4' // walle api 'com.meituan.android.walle:library:1.1.6' // umeng api 'com.umeng.sdk:common:1.5.3' api 'com.umeng.sdk:analytics:7.5.3' api files('libs/pldroid-player-1.5.0.jar') }
接着,我们来看一下路由框架的配置。这里,我们使用阿里的 ARouter 来进行页面之间的跳转,你可以在Github上面了解该框架的配置和使用方式。这里我们只讲解一下在组件化开发的时候需要注意的地方。注意到 ARouter 是通过注解来进行页面配置的,并且它的注解是在编译的时候进行处理的。所以,我们需要引入arouter-compiler来使用它的编译时处理功能。需要注意的地方是,我们只要在公共的模块中加入arouter-api就可以使用ARouter的API了,但是需要在每个模块中引入arouter-compiler才能使用编译时注解。也就是说,我们需要在每个模块中都加入arouter-compiler依赖。
为了能够将各个模块编译成一个独立的 APP,我们需要在 Gradle 里面做一些配置。
首先,我们需要在gradle.properties定义一些布尔类型的变量用来判断各个模块是作为一个 library 还是 application 进行编译。这里我的配置如下面的代码所示。也就是,我为每个模块都定义了这么一个布尔类型的变量,当然,你也可以只定义一个变量,然后在各个模块中使用同一个变量来进行判断。
isGuokrModuleApp=false isLiveModuleApp=false isLayoutModuleApp=false isLibraryModuleApp=false isEyepetizerModuleApp=false
然后,我们来看一下各个模块中的 gradle 该如何配置,这里我们以开眼视频的功能模块作为例子来进行讲解。首先,一个模块作为 library 还是 application 是根据引用的 plugin 来决定的,所以,我们要根据之前定义的布尔变量来决定使用的 plugin:
if (isEyepetizerModuleApp.toBoolean()) { apply plugin: 'com.android.application' } else { apply plugin: 'com.android.library' }
假如我们要将某个模块作为一个独立的 APP,那么启动类你肯定需要配置。这就意味着你需要两个 AndroidManifest.xml 文件,一个用于 library 状态,一个用于 application 状态。所以,我们可以在 main 目录下面再定义一个 AndroidManifest.xml,然后,我们在该配置文件中不只指定启动类,还使用我们定义的 Application。指定 Application 有时候是必须的,比如你需要在各个模块里面初始化 ARouter 等等。这部分代码就不给出了,可以参考源码,这里我们给出一下在 Gradle 里面指定 AndroidManifest.xml 的方式。
如下所示,我们可以根据之前定义的布尔值来决定使用哪一个配置文件:
sourceSets { main { jniLibs.srcDirs = ['libs'] if (isEyepetizerModuleApp.toBoolean()) { manifest.srcFile "src/main/debug/AndroidManifest.xml" } else { manifest.srcFile "src/main/AndroidManifest.xml" } } }
此外,还需要注意的是,如果我们希望在每个模块中都能应用 DataBinding 和 Java 8 的一些特性,那么你需要在每个模块里面都加入下面的配置:
// use data binding dataBinding { enabled = true } // use java 8 language compileOptions { sourceCompatibility JavaVersion.VERSION_1_8 targetCompatibility JavaVersion.VERSION_1_8 }
对于编译时注解之类的配置,我们也需要在每个模块里面都进行声明。
完成了以上的配置,我们只要根据需要编译的类型,修改之前定义的布尔值,来决定是将该模块编译成 APP 还是作为类库来使用即可。
以上就是组件化在 Android 开发当中的应用。
MVC、MVP和MVVM各有各自的特点,可以根据应用开发的需要选择适合自己的架构模式。组件化的目的就在于保持各个模块之间的独立从而便于分工协作。它们之间的关系就是,你可以在组件化的各个模块中应用前面三种架构模式的一种或者几种。