浅谈MVP in Android

转载请标明出处:
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(),这两点没什么难度,我们首先完成:

<code class="language-java hljs  has-numbering"><span class="hljs-keyword">package</span> com.zhy.blogcodes.mvp.bean;

<span class="hljs-javadoc">/**
 * Created by zhy on 15/6/18.
 */</span>
<span class="hljs-keyword">public</span> <span class="hljs-class"><span class="hljs-keyword">class</span> <span class="hljs-title">User</span>
{</span>
    <span class="hljs-keyword">private</span> String username ;
    <span class="hljs-keyword">private</span> String password ;

    <span class="hljs-keyword">public</span> String <span class="hljs-title">getUsername</span>()
    {
        <span class="hljs-keyword">return</span> username;
    }

    <span class="hljs-keyword">public</span> <span class="hljs-keyword">void</span> <span class="hljs-title">setUsername</span>(String username)
    {
        <span class="hljs-keyword">this</span>.username = username;
    }

    <span class="hljs-keyword">public</span> String <span class="hljs-title">getPassword</span>()
    {
        <span class="hljs-keyword">return</span> password;
    }

    <span class="hljs-keyword">public</span> <span class="hljs-keyword">void</span> <span class="hljs-title">setPassword</span>(String password)
    {
        <span class="hljs-keyword">this</span>.password = password;
    }
}
</code>
<code class="language-java hljs  has-numbering">
<span class="hljs-keyword">package</span> com.zhy.blogcodes.mvp.biz;

<span class="hljs-javadoc">/**
 * Created by zhy on 15/6/19.
 */</span>
<span class="hljs-keyword">public</span> <span class="hljs-class"><span class="hljs-keyword">interface</span> <span class="hljs-title">IUserBiz</span>
{</span>
    <span class="hljs-keyword">public</span> <span class="hljs-keyword">void</span> <span class="hljs-title">login</span>(String username, String password, OnLoginListener loginListener);
}

</code>
<code class="language-java hljs  has-numbering">
<span class="hljs-keyword">package</span> com.zhy.blogcodes.mvp.biz;

<span class="hljs-keyword">import</span> com.zhy.blogcodes.mvp.bean.User;

<span class="hljs-javadoc">/**
 * Created by zhy on 15/6/19.
 */</span>
<span class="hljs-keyword">public</span> <span class="hljs-class"><span class="hljs-keyword">class</span> <span class="hljs-title">UserBiz</span> <span class="hljs-keyword">implements</span> <span class="hljs-title">IUserBiz</span>
{</span>

    <span class="hljs-annotation">@Override</span>
    <span class="hljs-keyword">public</span> <span class="hljs-keyword">void</span> <span class="hljs-title">login</span>(<span class="hljs-keyword">final</span> String username, <span class="hljs-keyword">final</span> String password, <span class="hljs-keyword">final</span> OnLoginListener loginListener)
    {
        <span class="hljs-comment">//模拟子线程耗时操作</span>
        <span class="hljs-keyword">new</span> Thread()
        {
            <span class="hljs-annotation">@Override</span>
            <span class="hljs-keyword">public</span> <span class="hljs-keyword">void</span> <span class="hljs-title">run</span>()
            {
                <span class="hljs-keyword">try</span>
                {
                    Thread.sleep(<span class="hljs-number">2000</span>);
                } <span class="hljs-keyword">catch</span> (InterruptedException e)
                {
                    e.printStackTrace();
                }
                <span class="hljs-comment">//模拟登录成功</span>
                <span class="hljs-keyword">if</span> (<span class="hljs-string">"zhy"</span>.equals(username) && <span class="hljs-string">"123"</span>.equals(password))
                {
                    User user = <span class="hljs-keyword">new</span> User();
                    user.setUsername(username);
                    user.setPassword(password);
                    loginListener.loginSuccess(user);
                } <span class="hljs-keyword">else</span>
                {
                    loginListener.loginFailed();
                }
            }
        }.start();
    }
}
</code>
<code class="language-java hljs  has-numbering">
<span class="hljs-keyword">package</span> com.zhy.blogcodes.mvp.biz;

<span class="hljs-keyword">import</span> com.zhy.blogcodes.mvp.bean.User;

<span class="hljs-javadoc">/**
 * Created by zhy on 15/6/19.
 */</span>
<span class="hljs-keyword">public</span> <span class="hljs-class"><span class="hljs-keyword">interface</span> <span class="hljs-title">OnLoginListener</span>
{</span>
    <span class="hljs-keyword">void</span> loginSuccess(User user);

    <span class="hljs-keyword">void</span> loginFailed();
}

</code>

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

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

(二) View

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

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

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

<code class="language-java hljs  has-numbering">
    String getUserName();

    String getPassword();</code>

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

<code class="language-java hljs  has-numbering">    <span class="hljs-keyword">void</span> showLoading();

    <span class="hljs-keyword">void</span> hideLoading();</code>

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

<code class="language-java hljs  has-numbering">    <span class="hljs-keyword">void</span> toMainActivity(User user);

    <span class="hljs-keyword">void</span> showFailedError();</code>

ok,login这个方法我们分析完了~~还剩个clear那就简单了:

<code class="language-java hljs  has-numbering">    <span class="hljs-keyword">void</span> clearUserName();

    <span class="hljs-keyword">void</span> clearPassword();</code>

综上,接口完整为:

<code class="language-java hljs  has-numbering"><span class="hljs-keyword">package</span> com.zhy.blogcodes.mvp.view;

<span class="hljs-keyword">import</span> com.zhy.blogcodes.mvp.bean.User;

<span class="hljs-javadoc">/**
 * Created by zhy on 15/6/19.
 */</span>
<span class="hljs-keyword">public</span> <span class="hljs-class"><span class="hljs-keyword">interface</span> <span class="hljs-title">IUserLoginView</span>
{</span>
    String getUserName();

    String getPassword();

    <span class="hljs-keyword">void</span> clearUserName();

    <span class="hljs-keyword">void</span> clearPassword();

    <span class="hljs-keyword">void</span> showLoading();

    <span class="hljs-keyword">void</span> hideLoading();

    <span class="hljs-keyword">void</span> toMainActivity(User user);

    <span class="hljs-keyword">void</span> showFailedError();

}</code>

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

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

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

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

<code class="language-java hljs  has-numbering"><span class="hljs-keyword">package</span> com.zhy.blogcodes.mvp;

<span class="hljs-keyword">import</span> android.os.Bundle;
<span class="hljs-keyword">import</span> android.support.v7.app.ActionBarActivity;
<span class="hljs-keyword">import</span> android.view.View;
<span class="hljs-keyword">import</span> android.widget.Button;
<span class="hljs-keyword">import</span> android.widget.EditText;
<span class="hljs-keyword">import</span> android.widget.ProgressBar;
<span class="hljs-keyword">import</span> android.widget.Toast;

<span class="hljs-keyword">import</span> com.zhy.blogcodes.R;
<span class="hljs-keyword">import</span> com.zhy.blogcodes.mvp.bean.User;
<span class="hljs-keyword">import</span> com.zhy.blogcodes.mvp.presenter.UserLoginPresenter;
<span class="hljs-keyword">import</span> com.zhy.blogcodes.mvp.view.IUserLoginView;

<span class="hljs-keyword">public</span> <span class="hljs-class"><span class="hljs-keyword">class</span> <span class="hljs-title">UserLoginActivity</span> <span class="hljs-keyword">extends</span> <span class="hljs-title">ActionBarActivity</span> <span class="hljs-keyword">implements</span> <span class="hljs-title">IUserLoginView</span>
{</span>


    <span class="hljs-keyword">private</span> EditText mEtUsername, mEtPassword;
    <span class="hljs-keyword">private</span> Button mBtnLogin, mBtnClear;
    <span class="hljs-keyword">private</span> ProgressBar mPbLoading;

    <span class="hljs-keyword">private</span> UserLoginPresenter mUserLoginPresenter = <span class="hljs-keyword">new</span> UserLoginPresenter(<span class="hljs-keyword">this</span>);

    <span class="hljs-annotation">@Override</span>
    <span class="hljs-keyword">protected</span> <span class="hljs-keyword">void</span> <span class="hljs-title">onCreate</span>(Bundle savedInstanceState)
    {
        <span class="hljs-keyword">super</span>.onCreate(savedInstanceState);
        setContentView(R.layout.activity_user_login);

        initViews();
    }

    <span class="hljs-keyword">private</span> <span class="hljs-keyword">void</span> <span class="hljs-title">initViews</span>()
    {
        mEtUsername = (EditText) findViewById(R.id.id_et_username);
        mEtPassword = (EditText) findViewById(R.id.id_et_password);

        mBtnClear = (Button) findViewById(R.id.id_btn_clear);
        mBtnLogin = (Button) findViewById(R.id.id_btn_login);

        mPbLoading = (ProgressBar) findViewById(R.id.id_pb_loading);

        mBtnLogin.setOnClickListener(<span class="hljs-keyword">new</span> View.OnClickListener()
        {
            <span class="hljs-annotation">@Override</span>
            <span class="hljs-keyword">public</span> <span class="hljs-keyword">void</span> <span class="hljs-title">onClick</span>(View v)
            {
                mUserLoginPresenter.login();
            }
        });

        mBtnClear.setOnClickListener(<span class="hljs-keyword">new</span> View.OnClickListener()
        {
            <span class="hljs-annotation">@Override</span>
            <span class="hljs-keyword">public</span> <span class="hljs-keyword">void</span> <span class="hljs-title">onClick</span>(View v)
            {
                mUserLoginPresenter.clear();
            }
        });
    }


    <span class="hljs-annotation">@Override</span>
    <span class="hljs-keyword">public</span> String <span class="hljs-title">getUserName</span>()
    {
        <span class="hljs-keyword">return</span> mEtUsername.getText().toString();
    }

    <span class="hljs-annotation">@Override</span>
    <span class="hljs-keyword">public</span> String <span class="hljs-title">getPassword</span>()
    {
        <span class="hljs-keyword">return</span> mEtPassword.getText().toString();
    }

    <span class="hljs-annotation">@Override</span>
    <span class="hljs-keyword">public</span> <span class="hljs-keyword">void</span> <span class="hljs-title">clearUserName</span>()
    {
        mEtUsername.setText(<span class="hljs-string">""</span>);
    }

    <span class="hljs-annotation">@Override</span>
    <span class="hljs-keyword">public</span> <span class="hljs-keyword">void</span> <span class="hljs-title">clearPassword</span>()
    {
        mEtPassword.setText(<span class="hljs-string">""</span>);
    }

    <span class="hljs-annotation">@Override</span>
    <span class="hljs-keyword">public</span> <span class="hljs-keyword">void</span> <span class="hljs-title">showLoading</span>()
    {
        mPbLoading.setVisibility(View.VISIBLE);
    }

    <span class="hljs-annotation">@Override</span>
    <span class="hljs-keyword">public</span> <span class="hljs-keyword">void</span> <span class="hljs-title">hideLoading</span>()
    {
        mPbLoading.setVisibility(View.GONE);
    }

    <span class="hljs-annotation">@Override</span>
    <span class="hljs-keyword">public</span> <span class="hljs-keyword">void</span> <span class="hljs-title">toMainActivity</span>(User user)
    {
        Toast.makeText(<span class="hljs-keyword">this</span>, user.getUsername() +
                <span class="hljs-string">" login success , to MainActivity"</span>, Toast.LENGTH_SHORT).show();
    }

    <span class="hljs-annotation">@Override</span>
    <span class="hljs-keyword">public</span> <span class="hljs-keyword">void</span> <span class="hljs-title">showFailedError</span>()
    {
        Toast.makeText(<span class="hljs-keyword">this</span>,
                <span class="hljs-string">"login failed"</span>, Toast.LENGTH_SHORT).show();
    }
}</code>

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

最后看我们的Presenter。

(三)Presenter

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

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

<code class="language-java hljs  has-numbering"><span class="hljs-keyword">package</span> com.zhy.blogcodes.mvp.presenter;

<span class="hljs-keyword">import</span> android.os.Handler;

<span class="hljs-keyword">import</span> com.zhy.blogcodes.mvp.bean.User;
<span class="hljs-keyword">import</span> com.zhy.blogcodes.mvp.biz.IUserBiz;
<span class="hljs-keyword">import</span> com.zhy.blogcodes.mvp.biz.OnLoginListener;
<span class="hljs-keyword">import</span> com.zhy.blogcodes.mvp.biz.UserBiz;
<span class="hljs-keyword">import</span> com.zhy.blogcodes.mvp.view.IUserLoginView;


<span class="hljs-javadoc">/**
 * Created by zhy on 15/6/19.
 */</span>
<span class="hljs-keyword">public</span> <span class="hljs-class"><span class="hljs-keyword">class</span> <span class="hljs-title">UserLoginPresenter</span>
{</span>
    <span class="hljs-keyword">private</span> IUserBiz userBiz;
    <span class="hljs-keyword">private</span> IUserLoginView userLoginView;
    <span class="hljs-keyword">private</span> Handler mHandler = <span class="hljs-keyword">new</span> Handler();

    <span class="hljs-keyword">public</span> <span class="hljs-title">UserLoginPresenter</span>(IUserLoginView userLoginView)
    {
        <span class="hljs-keyword">this</span>.userLoginView = userLoginView;
        <span class="hljs-keyword">this</span>.userBiz = <span class="hljs-keyword">new</span> UserBiz();
    }

    <span class="hljs-keyword">public</span> <span class="hljs-keyword">void</span> <span class="hljs-title">login</span>()
    {
        userLoginView.showLoading();
        userBiz.login(userLoginView.getUserName(), userLoginView.getPassword(), <span class="hljs-keyword">new</span> OnLoginListener()
        {
            <span class="hljs-annotation">@Override</span>
            <span class="hljs-keyword">public</span> <span class="hljs-keyword">void</span> <span class="hljs-title">loginSuccess</span>(<span class="hljs-keyword">final</span> User user)
            {
                <span class="hljs-comment">//需要在UI线程执行</span>
                mHandler.post(<span class="hljs-keyword">new</span> Runnable()
                {
                    <span class="hljs-annotation">@Override</span>
                    <span class="hljs-keyword">public</span> <span class="hljs-keyword">void</span> <span class="hljs-title">run</span>()
                    {
                        userLoginView.toMainActivity(user);
                        userLoginView.hideLoading();
                    }
                });

            }

            <span class="hljs-annotation">@Override</span>
            <span class="hljs-keyword">public</span> <span class="hljs-keyword">void</span> <span class="hljs-title">loginFailed</span>()
            {
                <span class="hljs-comment">//需要在UI线程执行</span>
                mHandler.post(<span class="hljs-keyword">new</span> Runnable()
                {
                    <span class="hljs-annotation">@Override</span>
                    <span class="hljs-keyword">public</span> <span class="hljs-keyword">void</span> <span class="hljs-title">run</span>()
                    {
                        userLoginView.showFailedError();
                        userLoginView.hideLoading();
                    }
                });

            }
        });
    }

    <span class="hljs-keyword">public</span> <span class="hljs-keyword">void</span> <span class="hljs-title">clear</span>()
    {
        userLoginView.clearUserName();
        userLoginView.clearPassword();
    }



}
</code>

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

ok,拿到一个例子经过上述的分解基本就能完成。以上纯属个人见解,欢迎讨论和吐槽~ have a nice day ~。

源码点击下载

微信公众号:hongyangAndroid
(欢迎关注,第一时间推送博文信息)

参考资料

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值