Android架构之MVP

转载请标明出处: 
http://blog.csdn.net/lmj623565791/article/details/46596109; 
本文出自:【张鸿洋的博客】

一、概述

对于MVP(Model View Presenter),大多数人都能说出一二:“MVC的演化版本”,“让Model和View完全解耦”等等。本篇博文仅是为了做下记录,提出一些自己的看法,和帮助大家如何针对一个Activity页面去编写针对MVP风格的代码。

对于MVP,我的内心有一个问题:

为何这个模式出来后,就能被广大的Android的程序员接受呢?

问了些程序员,他们对于MVP的普遍的认识是:“代码很清晰,不过增加了很多类”。我在第一次看到MVP的时候,看了一个demo,看完以后觉得非常nice(但是回过头来,自己想个例子写,就头疼写不出来,当然这在后文会说)。nice的原因还是因为,这个模式的确让代码的清晰度有了很大的提升。

那么,提升一般都是对比出来的,回顾下,没有应用MVP的代码结构。很多人说明显是MVC么:

  • View:对应于布局文件
  • Model:业务逻辑和实体模型
  • Controllor:对应于Activity

看起来的确像那么回事,但是细细的想想这个View对应于布局文件,其实能做的事情特别少,实际上关于该布局文件中的数据绑定的操作,事件处理的代码都在Activity中,造成了Activity既像View又像Controller(当然了Data-Binder的出现,可能会让View更像View吧)。这可能也就是为何,在该文中有一句这样的话:

Most of the modern Android applications just use View-Model architecture,everything is connected with Activity.

而当将架构改为MVP以后,Presenter的出现,将Actvity视为View层,Presenter负责完成View层与Model层的交互。现在是这样的:

  • View 对应于Activity,负责View的绘制以及与用户交互
  • Model 依然是业务逻辑和实体模型
  • Presenter 负责完成View于Model间的交互

ok,先简单了解下,文中会有例子到时候可以直观的感受下。

小总结下,也就是说,之所以让人觉得耳目一新,是因为这次的跳跃是从并不标准的MVCMVP的一个转变,减少了Activity的职责,简化了Activity中的代码,将复杂的逻辑代码提取到了Presenter中进行处理。与之对应的好处就是,耦合度更低,更方便的进行测试。借用两张图(出自:该文),代表上述的转变:

转变为:

二、MVP 与 MVC 区别

ok,上面说了一堆理论,下面我们还是需要看一看MVC与MVP的一个区别,请看下图(来自:本文):

其实最明显的区别就是,MVC中是允许Model和View进行交互的,而MVP中很明显,Model与View之间的交互由Presenter完成。还有一点就是Presenter与View之间的交互是通过接口的(代码中会体现)。

还有一堆概念性的东西,以及优点就略了,有兴趣自行百度。下面还是通过一些简单的需求来展示如何编写MVP的demo。

三、Simple Login Demo

效果图:

看到这样的效果,先看下完工后的项目结构:

ok,接下来开始一步一步的编写思路。

(一)Model

首先实体类User不用考虑这个肯定有,其次从效果图可以看到至少有一个业务方法login(),这两点没什么难度,我们首先完成:

[java]  view plain  copy
  在CODE上查看代码片 派生到我的代码片
  1. package com.zhy.blogcodes.mvp.bean;  
  2.   
  3. /** 
  4.  * Created by zhy on 15/6/18. 
  5.  */  
  6. public class User  
  7. {  
  8.     private String username ;  
  9.     private String password ;  
  10.   
  11.     public String getUsername()  
  12.     {  
  13.         return username;  
  14.     }  
  15.   
  16.     public void setUsername(String username)  
  17.     {  
  18.         this.username = username;  
  19.     }  
  20.   
  21.     public String getPassword()  
  22.     {  
  23.         return password;  
  24.     }  
  25.   
  26.     public void setPassword(String password)  
  27.     {  
  28.         this.password = password;  
  29.     }  
  30. }  
[java]  view plain  copy
  在CODE上查看代码片 派生到我的代码片
  1. package com.zhy.blogcodes.mvp.biz;  
  2.   
  3. /** 
  4.  * Created by zhy on 15/6/19. 
  5.  */  
  6. public interface IUserBiz  
  7. {  
  8.     public void login(String username, String password, OnLoginListener loginListener);  
  9. }  
[java]  view plain  copy
  在CODE上查看代码片 派生到我的代码片
  1. package com.zhy.blogcodes.mvp.biz;  
  2.   
  3. import com.zhy.blogcodes.mvp.bean.User;  
  4.   
  5. /** 
  6.  * Created by zhy on 15/6/19. 
  7.  */  
  8. public class UserBiz implements IUserBiz  
  9. {  
  10.   
  11.     @Override  
  12.     public void login(final String username, final String password, final OnLoginListener loginListener)  
  13.     {  
  14.         //模拟子线程耗时操作  
  15.         new Thread()  
  16.         {  
  17.             @Override  
  18.             public void run()  
  19.             {  
  20.                 try  
  21.                 {  
  22.                     Thread.sleep(2000);  
  23.                 } catch (InterruptedException e)  
  24.                 {  
  25.                     e.printStackTrace();  
  26.                 }  
  27.                 //模拟登录成功  
  28.                 if ("zhy".equals(username) && "123".equals(password))  
  29.                 {  
  30.                     User user = new User();  
  31.                     user.setUsername(username);  
  32.                     user.setPassword(password);  
  33.                     loginListener.loginSuccess(user);  
  34.                 } else  
  35.                 {  
  36.                     loginListener.loginFailed();  
  37.                 }  
  38.             }  
  39.         }.start();  
  40.     }  
  41. }  
[java]  view plain  copy
  在CODE上查看代码片 派生到我的代码片
  1. package com.zhy.blogcodes.mvp.biz;  
  2.   
  3. import com.zhy.blogcodes.mvp.bean.User;  
  4.   
  5. /** 
  6.  * Created by zhy on 15/6/19. 
  7.  */  
  8. public interface OnLoginListener  
  9. {  
  10.     void loginSuccess(User user);  
  11.   
  12.     void loginFailed();  
  13. }  

实体类不用说,至于业务类,我们抽取了一个接口,一个实现类这也很常见~~login方法,一般肯定是连接服务器的,是个耗时操作,所以我们开辟了子线程,Thread.sleep(2000)模拟了耗时,由于是耗时操作,所以我们通过一个回调接口来通知登录的状态。

其实这里还是比较好写的,因为和传统写法没区别。

(二) View

上面我们说过,Presenter与View交互是通过接口。所以我们这里需要定义一个ILoginView,难点就在于应该有哪些方法,我们看一眼效果图:

可以看到我们有两个按钮,一个是login,一个是clear;

login说明了要有用户名、密码,那么对应两个方法:

[java]  view plain  copy
  在CODE上查看代码片 派生到我的代码片
  1. String getUserName();  
  2. String getPassword();  

再者login是个耗时操作,我们需要给用户一个友好的提示,一般就是操作ProgressBar,所以再两个:

[java]  view plain  copy
  在CODE上查看代码片 派生到我的代码片
  1. void showLoading();  
  2. void hideLoading();  


login当然存在登录成功与失败的处理,我们主要看成功我们是跳转Activity,而失败可能是去给个提醒:

[java]  view plain  copy
  在CODE上查看代码片 派生到我的代码片
  1. void toMainActivity(User user);  
  2. void showFailedError();  
ok,login这个方法我们分析完了~~还剩个clear那就简单了:

[java]  view plain  copy
  在CODE上查看代码片 派生到我的代码片
  1. void clearUserName();  
  2. void clearPassword();  

综上,接口完整为:

[java]  view plain  copy
  在CODE上查看代码片 派生到我的代码片
  1. package com.zhy.blogcodes.mvp.view;  
  2.   
  3. import com.zhy.blogcodes.mvp.bean.User;  
  4.   
  5. /** 
  6.  * Created by zhy on 15/6/19. 
  7.  */  
  8. public interface IUserLoginView  
  9. {  
  10.     String getUserName();  
  11.   
  12.     String getPassword();  
  13.   
  14.     void clearUserName();  
  15.   
  16.     void clearPassword();  
  17.   
  18.     void showLoading();  
  19.   
  20.     void hideLoading();  
  21.   
  22.     void toMainActivity(User user);  
  23.   
  24.     void showFailedError();  
  25.   
  26. }  

有了接口,实现就太好写了~~~

总结下,对于View的接口,去观察功能上的操作,然后考虑:

  • 该操作需要什么?(getUserName, getPassword)
  • 该操作的结果,对应的反馈?(toMainActivity, showFailedError)
  • 该操作过程中对应的友好的交互?(showLoading, hideLoading)

下面贴一下我们的View的实现类,哈,其实就是Activity,文章开始就说过,MVP中的View其实就是Activity。

[java]  view plain  copy
  在CODE上查看代码片 派生到我的代码片
  1. package com.zhy.blogcodes.mvp;  
  2.   
  3. import android.os.Bundle;  
  4. import android.support.v7.app.ActionBarActivity;  
  5. import android.view.View;  
  6. import android.widget.Button;  
  7. import android.widget.EditText;  
  8. import android.widget.ProgressBar;  
  9. import android.widget.Toast;  
  10.   
  11. import com.zhy.blogcodes.R;  
  12. import com.zhy.blogcodes.mvp.bean.User;  
  13. import com.zhy.blogcodes.mvp.presenter.UserLoginPresenter;  
  14. import com.zhy.blogcodes.mvp.view.IUserLoginView;  
  15.   
  16. public class UserLoginActivity extends ActionBarActivity implements IUserLoginView  
  17. {  
  18.   
  19.   
  20.     private EditText mEtUsername, mEtPassword;  
  21.     private Button mBtnLogin, mBtnClear;  
  22.     private ProgressBar mPbLoading;  
  23.   
  24.     private UserLoginPresenter mUserLoginPresenter = new UserLoginPresenter(this);  
  25.   
  26.     @Override  
  27.     protected void onCreate(Bundle savedInstanceState)  
  28.     {  
  29.         super.onCreate(savedInstanceState);  
  30.         setContentView(R.layout.activity_user_login);  
  31.   
  32.         initViews();  
  33.     }  
  34.   
  35.     private void initViews()  
  36.     {  
  37.         mEtUsername = (EditText) findViewById(R.id.id_et_username);  
  38.         mEtPassword = (EditText) findViewById(R.id.id_et_password);  
  39.   
  40.         mBtnClear = (Button) findViewById(R.id.id_btn_clear);  
  41.         mBtnLogin = (Button) findViewById(R.id.id_btn_login);  
  42.   
  43.         mPbLoading = (ProgressBar) findViewById(R.id.id_pb_loading);  
  44.   
  45.         mBtnLogin.setOnClickListener(new View.OnClickListener()  
  46.         {  
  47.             @Override  
  48.             public void onClick(View v)  
  49.             {  
  50.                 mUserLoginPresenter.login();  
  51.             }  
  52.         });  
  53.   
  54.         mBtnClear.setOnClickListener(new View.OnClickListener()  
  55.         {  
  56.             @Override  
  57.             public void onClick(View v)  
  58.             {  
  59.                 mUserLoginPresenter.clear();  
  60.             }  
  61.         });  
  62.     }  
  63.   
  64.   
  65.     @Override  
  66.     public String getUserName()  
  67.     {  
  68.         return mEtUsername.getText().toString();  
  69.     }  
  70.   
  71.     @Override  
  72.     public String getPassword()  
  73.     {  
  74.         return mEtPassword.getText().toString();  
  75.     }  
  76.   
  77.     @Override  
  78.     public void clearUserName()  
  79.     {  
  80.         mEtUsername.setText("");  
  81.     }  
  82.   
  83.     @Override  
  84.     public void clearPassword()  
  85.     {  
  86.         mEtPassword.setText("");  
  87.     }  
  88.   
  89.     @Override  
  90.     public void showLoading()  
  91.     {  
  92.         mPbLoading.setVisibility(View.VISIBLE);  
  93.     }  
  94.   
  95.     @Override  
  96.     public void hideLoading()  
  97.     {  
  98.         mPbLoading.setVisibility(View.GONE);  
  99.     }  
  100.   
  101.     @Override  
  102.     public void toMainActivity(User user)  
  103.     {  
  104.         Toast.makeText(this, user.getUsername() +  
  105.                 " login success , to MainActivity", Toast.LENGTH_SHORT).show();  
  106.     }  
  107.   
  108.     @Override  
  109.     public void showFailedError()  
  110.     {  
  111.         Toast.makeText(this,  
  112.                 "login failed", Toast.LENGTH_SHORT).show();  
  113.     }  
  114. }  

对于在Activity中实现我们上述定义的接口,是一件很容易的事,毕竟接口引导我们去完成。

最后看我们的Presenter。

(三)Presenter

Presenter是用作Model和View之间交互的桥梁,那么应该有什么方法呢?

其实也是主要看该功能有什么操作,比如本例,两个操作:login和clear。

[java]  view plain  copy
  在CODE上查看代码片 派生到我的代码片
  1. package com.zhy.blogcodes.mvp.presenter;  
  2.   
  3. import android.os.Handler;  
  4.   
  5. import com.zhy.blogcodes.mvp.bean.User;  
  6. import com.zhy.blogcodes.mvp.biz.IUserBiz;  
  7. import com.zhy.blogcodes.mvp.biz.OnLoginListener;  
  8. import com.zhy.blogcodes.mvp.biz.UserBiz;  
  9. import com.zhy.blogcodes.mvp.view.IUserLoginView;  
  10.   
  11.   
  12. /** 
  13.  * Created by zhy on 15/6/19. 
  14.  */  
  15. public class UserLoginPresenter  
  16. {  
  17.     private IUserBiz userBiz;  
  18.     private IUserLoginView userLoginView;  
  19.     private Handler mHandler = new Handler();  
  20.   
  21.     public UserLoginPresenter(IUserLoginView userLoginView)  
  22.     {  
  23.         this.userLoginView = userLoginView;  
  24.         this.userBiz = new UserBiz();  
  25.     }  
  26.   
  27.     public void login()  
  28.     {  
  29.         userLoginView.showLoading();  
  30.         userBiz.login(userLoginView.getUserName(), userLoginView.getPassword(), new OnLoginListener()  
  31.         {  
  32.             @Override  
  33.             public void loginSuccess(final User user)  
  34.             {  
  35.                 //需要在UI线程执行  
  36.                 mHandler.post(new Runnable()  
  37.                 {  
  38.                     @Override  
  39.                     public void run()  
  40.                     {  
  41.                         userLoginView.toMainActivity(user);  
  42.                         userLoginView.hideLoading();  
  43.                     }  
  44.                 });  
  45.   
  46.             }  
  47.   
  48.             @Override  
  49.             public void loginFailed()  
  50.             {  
  51.                 //需要在UI线程执行  
  52.                 mHandler.post(new Runnable()  
  53.                 {  
  54.                     @Override  
  55.                     public void run()  
  56.                     {  
  57.                         userLoginView.showFailedError();  
  58.                         userLoginView.hideLoading();  
  59.                     }  
  60.                 });  
  61.   
  62.             }  
  63.         });  
  64.     }  
  65.   
  66.     public void clear()  
  67.     {  
  68.         userLoginView.clearUserName();  
  69.         userLoginView.clearPassword();  
  70.     }  
  71.   
  72.   
  73.   
  74. }  

注意上述代码,我们的presenter完成二者的交互,那么肯定需要二者的实现类。大致就是从View中获取需要的参数,交给Model去执行业务方法,执行的过程中需要的反馈,以及结果,再让View进行做对应的显示。


参考资料


猜你喜欢

转载自blog.csdn.net/fmc088/article/details/52207579