一步一步实现Android的MVP框架
zq0213_
8年前
<h2>内容大纲</h2> <ol> <li>Android 开发框架的选择</li> <li>如何一步步搭建分层框架</li> <li>使用 RxJava 来解决主线程发出网络请求的问题</li> <li>结语</li> </ol> <h2>一、Android开发框架的选择</h2> <p>由于原生 Android 开发应该已经是一个基础的 MVC 框架，所以在初始开发的时候并没有遇到太多框架上的问题，可是一旦项目规模到了一定的程度，就需要对整个项目的代码结构做一个总体上的规划，最终的目的是使代码可读，维护性好，方便测试。</p> <p>只有项目复杂度到了一定程度才需要使用一些更灵活的框架或者结构，简单来说，写个 Hello World 并不需要任何第三方的框架</p> <p>原生的 MVC 框架遇到大规模的应用，就会变得代码难读，不好维护，无法测试的囧境。因此，Android 开发方面也有很多对应的框架来解决这些问题。</p> <p>构建框架的最终目的是增强项目代码的 <strong>可读性</strong> ， <strong>维护性</strong> 和 <strong>方便测试</strong> ，如果背离了这个初衷，为了使用而使用，最终是得不偿失的</p> <p>从根本上来讲，要解决上述的三个问题，核心思想无非两种：一个是 <strong>分层</strong> ，一个是 <strong>模块化</strong> 。两个方法最终要实现的就是解耦，分层讲的是纵向层面上的解耦，模块化则是横向上的解耦。下面我们来详细讨论一下 Android 开发如何实现不同层面上的解耦。</p> <p>解耦的常用方法有两种： <strong>分层</strong> 与 <strong>模块化</strong></p> <p>横向的模块化对大家来可能并不陌生，在一个项目建立项目文件夹的时候就会遇到这个问题，通常的做法是将相同功能的模块放到同一个目录下，更复杂的，可以通过插件化来实现功能的分离与加载。</p> <p>纵向的分层，不同的项目可能就有不同的分法，并且随着项目的复杂度变大，层次可能越来越多。</p> <p>对于经典的 Android MVC 框架来说，如果只是简单的应用，业务逻辑写到 Activity 下面并无太多问题，但一旦业务逐渐变得复杂起来，每个页面之间有不同的数据交互和业务交流时，activity 的代码就会急剧膨胀，代码就会变得可读性，维护性很差。</p> <p>所以这里我们就要介绍 Android 官方推荐的 MVP 框架，看看 MVP 是如何将 Android 项目层层分解。</p> <h2>二、如何一步步搭建分层框架</h2> <p>如果你是个老司机，可以直接参考下面几篇文章（可在 google 搜到）：</p> <ol> <li>Android Application Architecture</li> <li>Android Architecture Blueprints - Github</li> <li>Google 官方 MVP 示例之 TODO-MVP - 简书</li> <li>官方示例1-todo-mvp - github</li> <li>dev-todo-mvp-rxjava - github</li> </ol> <p>当然如果你觉得看官方的示例太麻烦，那么本文会通过最简洁的语言来讲解如何通过 MVP 来实现一个合适的业务分层。</p> <p>对一个经典的 Android MVC 框架项目来讲，它的代码结构大概是下面这样(图片来自参考文献)</p> <p><img src="https://simg.open-open.com/show/fda9c5b1548b42a39049e873aee18002.jpg"></p> <p>简单来讲，就是 Activity 或者 Fragment 直接与数据层交互，activity 通过 apiProvider 进行网络访问，或者通过 CacheProvider 读取本地缓存，然后在返回或者回调里对 Activity 的界面进行响应刷新。</p> <p>这样的结构在初期看来没什么问题，甚至可以很快的开发出来一个展示功能，但是业务一旦变得复杂了怎么办？</p> <p>我们作一个设想，假如一次数据访问可能需要同时访问 api 和 cache，或者一次数据请求需要请求两次 api。对于 activity 来说，它既与界面的展示，事件等有关系，又与业务数据层有着直接的关系，无疑 activity 层会极剧膨胀，变得极难阅读和维护。</p> <p>在这种结构下, activity 同时承担了 view 层和 controller 层的工作，所以我们需要给 activity 减负</p> <p>所以，我们来看看 MVP 是如何做这项工作的(图片来自参考文献)</p> <p><img src="https://simg.open-open.com/show/9b31e690c1281fffaff510117fdb1e79.jpg"></p> <p>这是一个比较典型的 MVP 结构图，相比于第一张图，多了两个层，一个是 Presenter 和 DataManager 层。</p> <p>所谓自古图片留不住，总是代码得人心。下面用代码来说明这个结构的实现。</p> <p>首先是 View 层的 Activity，假设有一个最简单的从 Preference 中获取字符串的界面</p> <pre> <code class="language-java">public class MainActivity extends Activity implements MainView { MainPresenter presenter; TextView mShowTxt; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); mShowTxt = (TextView)findViewById(R.id.text1); loadDatas(); } public void loadDatas() { presenter = new MainPresenter(); presenter.addTaskListener(this); presenter.getString(); } @Override public void onShowString(String str) { mShowTxt.setText(str); } }</code></pre> <p>Activity 里面包含了几个文件，一个是 View 层的对外接口 MainView,一个是P层 Presenter</p> <p>首先对外接口 MainView 文件</p> <pre> <code class="language-java">public interface MainView { void onShowString(String json); }</code></pre> <p>因为这个界面比较简单，只需要在界面上显示一个字符串，所以只有一个接口 onShowString，再看P层代码</p> <pre> <code class="language-java">public class MainPresenter { MainView mainView; TaskManager taskData; public MainPresenter() { this.taskData = new TaskManager(new TaskDataSourceImpl()); } public MainPresenter test() { this.taskData = new TaskManager(new TaskDataSourceTestImpl()); return this; } public MainPresenter addTaskListener(MainView viewListener) { this.mainView = viewListener; return this; } public void getString() { String str = taskData.getTaskName(); mainView.onShowString(str); } }</code></pre> <p>可以看到 Presenter 层是连接 Model 层和 View 层的中间层，因此持有 View 层的接口和 Model 层的接口。这里就可以看到 MVP 框架的威力了，通过接口的形式将 View 层和 Model 层完全隔离开来。</p> <p>接口的作用类似给层与层之间制定的一种通信协议，两个不同的层级相互交流，只要遵守这些协议即可，并不需要知道具体的实现是怎样</p> <p>看到这里，有人可能就要问，这跟直接调用有什么区别，为什么要大费周章的给 view 层和 Model 层各设置一个接口呢？具体原因，我们看看 Model 层的实现类就知道了。</p> <p>下面这个文件是 DataManager.java，对应的是图中的 DataManager 模块</p> <pre> <code class="language-java">/** * 从数据层获取的数据，在这里进行拼装和组合 */ public class TaskManager { TaskDataSource dataSource; public TaskManager(TaskDataSource dataSource) { this.dataSource = dataSource; } public String getShowContent() { //Todo what you want do on the original data return dataSource.getStringFromRemote() + dataSource.getStringFromCache(); } }</code></pre> <p>TaskDataSource.java 文件</p> <pre> <code class="language-java">/** * data 层接口定义 */ public interface TaskDataSource { String getStringFromRemote(); String getStringFromCache(); }</code></pre> <p>TaskDataSourceImpl.java 文件</p> <pre> <code class="language-java">public class TaskDataSourceImpl implements TaskDataSource { @Override public String getStringFromRemote() { return "Hello "; } @Override public String getStringFromCache() { return "World"; } }</code></pre> <p>TaskDataSourceTestImpl.java 文件</p> <pre> <code class="language-java">public class TaskDataSourceTestImpl implements TaskDataSource { @Override public String getStringFromRemote() { return "Hello "; } @Override public String getStringFromCache() { return " world Test "; } }</code></pre> <p>从上面几个文件来看, TaskDataSource.java 作为数据层对外的接口, TaskDataSourceImpl.java 是数据层，直接负责数据获取，无论是从api获得，还是从本地数据库读取数据，本质上都是IO操作。 TaskManager 是作为业务层，对获取到的数据进行拼装，然后交给调用层。</p> <p>这里我们来看看分层的作用</p> <p>首先来讲业务层 TaskManager，业务层的上层是 View 层，下层是 Data 层。在这个类里，只有一个 Data 层的接口，所以业务层是不关心数据是如何取得，只需要通过接口获得数据之后，对原始的数据进行组合和拼装。因为完全与其上层和下层分离，所以我们在测试的时候，可以完全独立的是去测试业务层的逻辑。</p> <p>TaskManager 中的 construct 方法的参数是数据层接口，这意味着我们可以给业务层注入不同的数据层实现。</p> <p>正式线上发布的时候注入 TaskDataSourceImpl 这个实现，在测试业务层逻辑的时候，注入 TaskDataSourceTestImpl.java 实现。</p> <p>这也正是使用接口来处理每个层级互相通信的好处，可以根据使用场景的不用，使用不同的实现</p> <p>到现在为止一个基于 MVP 简单框架就搭建完成了，但其实还遗留了一个比较大的问题。</p> <p>Android 规定，主线程是无法直接进行网络请求,会抛出 <strong>NetworkOnMainThreadException</strong> 异常</p> <p>我们回到 Presenter 层，看看这里的调用。因为 presenter 层并不知道业务层以及数据层到底是从网络获取数据，还是从本地获取数据（符合层级间相互透明的原则），因为每次调用都可能存在触发这个问题。并且我们知道，即使是从本地获取数据，一次简单的IO访问也要消耗10MS左右。因此多而复杂的IO可能会直接引发页面的卡顿。</p> <p>理想的情况下，所有的数据请求都应当在线程中完成，主线程只负责页面渲染的工作</p> <p>当然，Android 本身提供一些方案，比如下面这种：</p> <pre> <code class="language-java">public void getString() { final Handler mainHandler = new Handler(Looper.getMainLooper()); new Thread(){ @Override public void run() { super.run(); final String str = taskData.getShowContent(); mainHandler.post(new Runnable() { @Override public void run() { mainView.onShowString(str); } }); } }.start(); }</code></pre> <p>通过新建子线程进行IO读写获取数据，然后通过主线程的 Looper 将结果通过传回主线程进行渲染和展示。</p> <p>但每个调用都这样写，首先是新建线程会增加额外的成功，其次就是代码看起来很难读，缩进太多。</p> <p>好在有了 RxJava ,可以比较方便的解决这个问题。</p> <h2>三、使用RxJava来解决主线程发出网络请求的问题</h2> <p>RxJava 是一个天生用来做异步的工具，相比 AsyncTask, Handler 等，它的优点就是简洁，无比的简洁。</p> <p>在 Android 中使用 RxJava 需要加入下面两个依赖</p> <pre> <code class="language-java">compile 'io.reactivex:rxjava:1.0.14' compile 'io.reactivex:rxandroid:1.0.1'</code></pre> <p>这里我们直接介绍如何使用 RxJava 解决这个问题，直接在 presenter 中修改调用方法 getString</p> <pre> <code class="language-java">public class MainPresenter { MainView mainView; TaskManager taskData; public MainPresenter() { this.taskData = new TaskManager(new TaskDataSourceImpl()); } public MainPresenter test() { this.taskData = new TaskManager(new TaskDataSourceTestImpl()); return this; } public MainPresenter addTaskListener(MainView viewListener) { this.mainView = viewListener; return this; } public void getString() { Func1 dataAction = new Func1<String,String>() { @Override public String call(String param) { return taskData.getTaskName(); } } Action1 viewAction = new Action1<String>() { @Override public void call( String str) { mainView.onShowString(str); } }; Observable.just("") .observeOn(Schedulers.io()) .map(dataAction) .observeOn(AndroidSchedulers.mainThread()) .subscribe(view); } }</code></pre> <p>简单说明一下，与业务数据层的交互被定义到 Action1 里，然后交由 rxJava，指定 Schedulers.io() 获取到的线程来执行。Shedulers.io() 是专门用来进行IO访问的线程，并且线程会重复利用，不需要额外的线程管理。而数据返回到 View 层的操作是在 Action1 中完全，由 rxJava 交由 AndroidSchedulers.mainThread() 指定的UI主线程来执行。</p> <p>从代码量上来讲，似比上一种方式要更多了，但实际上，当业务复杂度成倍增加的时候，RxJava 可以采用这种链式编程方式随意的增加调用和返回，而实现方式要比前面的方法灵活得多，简洁得多。</p> <p>具体的内容就不在这里讲了，大家可以看参考下面的文章（可在 google 搜到）：</p> <ol> <li>给 Android 开发者的 RxJava 详解</li> <li>RxJava 与 Retrofit 结合的最佳实践</li> <li>RxJava使用场景小结</li> <li>How To Use RxJava</li> </ol> <p>RxJava 的使用场景远不止这些，在上面第三篇文章提到了以下几种使用场景：</p> <ol> <li>取数据先检查缓存的场景</li> <li>需要等到多个接口并发取完数据，再更新</li> <li>一个接口的请求依赖另一个API请求返回的数据</li> <li>界面按钮需要防止连续点击的情况</li> <li>响应式的界面</li> <li>复杂的数据变换</li> </ol> <h2>四、结语</h2> <p>至此为止，通过 MVP+RxJava 的组合，我们已经构建出一个比较灵活的 Android 项目框架，总共分成了四部分：View 层，Presenter 层，Model 业务层，Data 数据持久化层。这个框架的优点大概有以下几点:</p> <ul> <li>每层各自独立，通过接口通信</li> <li>实现与接口分离，不同场景（正式，测试）可以挂载不同的实现，方便测试和开发写假数据</li> <li>所有的业务逻辑都在非UI线程中进行，最大限度减少IO操作对UI的影响</li> <li>使用 RxJava 可以将复杂的调用进行链式组合，解决多重回调嵌套问题</li> </ul> <p> </p> <p>来自：http://www.tuicool.com/articles/VVzyQzn</p> <p> </p>