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>