MVP模式在Android开发中的应用
ErnestWithe
10年前
<h2><strong><span style="color:#009900">一、MVP介绍</span></strong></h2> <p> 随着UI创建技术的功能日益增强,UI层也履行着越来越多的职责。为了更好地细分视图(View)与模型(Model)的功能,让View专注于处理数据的可视化以及与用户的交互,同时让Model只关系数据的处理,基于MVC概念的MVP(Model-View-Presenter)模式应运而生。</p> <p> 在MVP模式里通常包含4个要素:</p> <p> (1) <strong><span style="color:#006600">View</span></strong>:负责绘制UI元素、与用户进行交互(在Android中体现为Activity);</p> <p> (2 <strong><span style="color:#009900">)</span><span style="color:#006600">View interface</span></strong>:需要View实现的接口,View通过View interface与Presenter进行交互,降低耦合,方便进行单元测试;</p> <p> (3) <span style="color:#006600"><strong>Model</strong></span>:负责存储、检索、操纵数据(有时也实现一个Model interface用来降低耦合);</p> <p> (4) <span style="color:#006600"><strong>Presenter</strong></span>:作为View与Model交互的中间纽带,处理与用户交互的负责逻辑。</p> <p><img alt="" src="https://simg.open-open.com/show/697a06a7b1329981ad1e86694047d8b6.png"></p> <h2><strong><span style="color:#009900">二、为什么使用MVP模式</span></strong></h2> <p> 在Android开发中,Activity并不是一个标准的MVC模式中的Controller, <span style="background-color:rgb(255,255,255)">它的首要职责是加载应用的布局和初始化用户界面,并接受并处理来自用户的操作请求,进而作出响应。随着界面及其逻辑的复杂度不断提升,Activity类的职责不断增加,以致变得庞大臃肿。当我们将其中复杂的逻辑处理移至另外的一个类(Presneter)中时,Activity其实就是MVP模式中View,它负责UI元素的初始化,建立UI元素与Presenter的关联(Listener之类),同时自己也会处理一些简单的逻辑(复杂的逻辑交由Presenter处理).</span></p> <p> 另外,回想一下你在开发Android应用时是如何对代码逻辑进行单元测试的?是否每次都要将应用部署到Android模拟器或真机上,然后通过模拟用户操作进行测试?然而由于Android平台的特性,每次部署都耗费了大量的时间,这直接导致开发效率的降低。而在MVP模式中,处理复杂逻辑的Presenter是通过interface与View(Activity)进行交互的,这说明了什么?说明我们可以通过自定义类实现这个interface来模拟Activity的行为对Presenter进行单元测试,省去了大量的部署及测试的时间。</p> <p> </p> <h2><strong><span style="color:#009900">三、MVP与MVC的异同</span></strong></h2> <p> MVC模式与MVP模式都作为用来分离UI层与业务层的一种开发模式被应用了很多年。在我们选择一种开发模式时,首先需要了解一下这种模式的利弊:</p> <p> 无论MVC或是MVP模式都不可避免地存在一个弊端:</p> <p> <strong><span style="color:#009900">额外的代码复杂度及学习成本。</span></strong></p> <p> 这就导致了这两种开发模式也许并不是很小型应用。</p> <p> 但比起他们的优点,这点弊端基本可以忽略了:</p> <p> (1)降低耦合度</p> <p> (2)模块职责划分明显</p> <p> (3)利于测试驱动开发</p> <p> (4)代码复用</p> <p> (5)隐藏数据</p> <p> (6)代码灵活性</p> <p> </p> <p> 对于MVP与MVC这两种模式,它们之间也有很大的差异。 <em>有一些程序员选择不使用任何一种模式,有一部分原因也许就是不能区分这两种模式差异</em>。以下是这两种模式之间最关键的差异:</p> <p> (参考文章:http://www.infragistics.com/community/blogs/todd_snyder/archive/2007/10/17/mvc-or-mvp-pattern-whats-the-difference.aspx)</p> <p> MVP模式:</p> <ul> <li><strong><span style="color:#009900">View不直接与Model交互</span></strong>,而是通过与Presenter交互来与Model间接交互</li> <li>Presenter与View的交互是通过接口来进行的,更有利于添加单元测试</li> <li>通常View与Presenter是一对一的,但复杂的View可能绑定多个Presenter来处理逻辑 </li> </ul> <p> MVC模式:</p> <ul> <li>View可以与Model直接交互</li> <li>Controller是基于行为的,并且可以被多个View共享</li> <li>可以负责决定显示哪个View</li> </ul> <p> </p> <h2><strong><span style="color:#009900">四、利用MVP进行Android开发的例子</span></strong></h2> <p> 说了这么多理论,现在轮到实践了。</p> <p> 现在我们来实现这样一个Android上的Demo(如图):可以从EditText读取用户信息并存取,也可以根据ID来从后台读出用户信息并显示。<br> <img alt="" src="https://simg.open-open.com/show/4192ef59e6de9209f2a5b49f62b3d85a.jpg"></p> <p>页面布局很简单,就不介绍了。下面根据MVP原则来进行编码:</p> <p>先来看看java文件的目录结构:</p> <p><img alt="" src="https://simg.open-open.com/show/b7dd17c8cf512e3d23ff5d40526eb5b9.jpg"></p> <p>可以发现,Presenter与Model、View都是通过接口来进行交互的,既降低耦合也方便进行单元测试。<br> </p> <p>(1)首先我们需要一个UserBean,用来保存用户信息</p> <pre> <code class="language-java">public class UserBean { private String mFirstName ; private String mLastName ; public UserBean (String firstName, String lastName) { this .mFirstName = firstName; this .mLastName = lastName; } public String getFirstName() { return mFirstName ; } public String getLastName() { return mLastName ; } }</code></pre> <p>(2)再来看看View接口:</p> <p> 根据需求可知,View可以对ID、FirstName、LastName这三个EditText进行读操作,对FirstName和LastName进行写操作,由此定义IUserView接口:</p> <pre> <code class="language-java">public interface IUserView { int getID(); String getFristName(); String getLastName(); void setFirstName (String firstName); void setLastName (String lastName); }</code></pre> <p>(3)Model接口:</p> <p> 同样,Model也需要对这三个字段进行读写操作,并存储在某个载体内(这不是我们所关心的,可以存在内存、文件、数据库或者远程服务器,但对于Presenter及View无影响),定义IUserModel接口:</p> <pre> <code class="language-java">public interface IUserModel { void setID (int id); void setFirstName (String firstName); void setLastName (String lastName); int getID(); UserBean load (int id);//通过id读取user信息,返回一个UserBean }</code></pre> <p>(4)Presenter:</p> <p> 至此,Presenter就能通过接口与View及Model进行交互了:</p> <pre> <code class="language-java">public class UserPresenter { private IUserView mUserView ; private IUserModel mUserModel ; public UserPresenter (IUserView view) { mUserView = view; mUserModel = new UserModel (); } public void saveUser( int id , String firstName , String lastName) { mUserModel .setID (id ); mUserModel .setFirstName (firstName ); mUserModel .setLastName (lastName ); } public void loadUser( int id ) { UserBean user = mUserModel .load (id ); mUserrView .setFirstName (user .getFirstName ());//通过调用IUserView的方法来更新显示 mUserView .setLastName (user .getLastName ()); } }</code></pre> <p>(5)UserActivity:</p> <p> UserActivity实现了IUserView及View.OnClickListener接口,同时有一个UserPresenter成员变量:</p> <pre> <code class="language-java">public class UserActivity extends Activity implements OnClickListener , IUserView { private EditText mFirstNameEditText , mLastNameEditText , mIdEditText ; private Button mSaveButton , mLoadButton ; private UserPresenter mUserPresenter ;</code></pre> <p> </p> <p>重写了OnClick方法:</p> <pre> <code class="language-java">@Override public void onClick(View v) { // TODO Auto-generated method stub switch ( v. getId()) { case R .id .saveButton : mUserPresenter .saveUser (getID (), getFristName (), getLastName ()); break ; case R .id .loadButton : mUserPresenter .loadUser (getID ()); break ; default : break ; } }</code></pre> <p> </p> <p>可以看到,View只负责处理与用户进行交互,并把数据相关的逻辑操作都扔给了Presenter去做。而Presenter调用Model处理完数据之后,再通过IUserView更新View显示的信息。</p> <p> </p> <p>View剩下的方法及UserModel类不是我们所关心重点,如果有兴趣可以参考放在GitHub上的源码:<a href="/misc/goto?guid=4959671475372440657">https://github.com/VectorYi/MVPSample.git</a>或点击下方链接进行下载。</p> <p><a href="/misc/goto?guid=4959625782679416583">源码在这</a></p> <p>来自: <a href="/misc/goto?guid=4958863056099423485" rel="nofollow">http://blog.csdn.net/vector_yi/article/details/24719873</a></p> <p><br> </p>