首页 > 代码库 > MVP模式入门案例

MVP模式入门案例

随着UI创建技术的功能日益增强,UI层也履行着越来越多的职责。为了更好地细分视图(View)与模型(Model)的功能,让View专注于处理数据的可视化以及与用户的交互,同时让Model只关系数据的处理,基于MVC概念的MVP(Model-View-Presenter)模式应运而生。


四个要素:
(1)View:负责绘制UI元素、与用户进行交互(在Android中体现为Activity);
(2)View interface:需要View实现的接口,View通过View interface与Presenter进行交互,降低耦合,方便进行单元测试;
(3)Model:负责存储、检索、操纵数据(有时也实现一个Model interface用来降低耦合);
(4)Presenter:作为View与Model交互的中间纽带,处理与用户交互的负责逻辑。

为什么使用MVP模式

在Android开发中,Activity并不是一个标准的MVC模式中的Controller,它的首要职责是加载应用的布局和初始化用户界面,并接受并处理来自用户的操作请求,进而作出响应。随着界面及其逻辑的复杂度不断提升,Activity类的职责不断增加,以致变得庞大臃肿。当我们将其中复杂的逻辑处理移至另外的一个类(Presneter)中时,Activity其实就是MVP模式中View,它负责UI元素的初始化,建立UI元素与Presenter的关联(Listener之类),同时自己也会处理一些简单的逻辑(复杂的逻辑交由Presenter处理).
另外,回想一下你在开发Android应用时是如何对代码逻辑进行单元测试的?是否每次都要将应用部署到Android模拟器或真机上,然后通过模拟用户操作进行测试?然而由于Android平台的特性,每次部署都耗费了大量的时间,这直接导致开发效率的降低。而在MVP模式中,处理复杂逻辑的Presenter是通过interface与View(Activity)进行交互的,这说明了什么?说明我们可以通过自定义类实现这个interface来模拟Activity的行为对Presenter进行单元测试,省去了大量的部署及测试的时间。

 


MVP与MVC的异同

MVC模式与MVP模式都作为用来分离UI层与业务层的一种开发模式被应用了很多年。在我们选择一种开发模式时,首先需要了解一下这种模式的利弊:

无论MVC或是MVP模式都不可避免地存在一个弊端:额外的代码复杂度及学习成本。
这就导致了这两种开发模式也许并不是很小型应用。

但比起他们的优点,这点弊端基本可以忽略了:
(1)降低耦合度
(2)模块职责划分明显
(3)利于测试驱动开发
(4)代码复用
(5)隐藏数据
(6)代码灵活性

登录Demo案例演示

步骤

  1. 首先完成User Been文件的创建,在这里面,我们只需要要User的serget方法。
  2. 接着思考User有什么业务,并将这些业务统统添加进入IUserBiz接口中。
  3. 每一个业务逻辑都有一个附带的Listener,这个Listener中有执行这个业务后会发生的事情。
  4. 然后UserBiz 将 IUserBiz中的功能实现。
  5. 对应的View(Activity)中的功能写一个 接口出来。
  6. 对应的View(Activity)实现接口。
  7. 实现Presenter,Presenter的作用就是将View与Model进行连接。

 

步骤一 User Been的创建

仔细看我上面那个登录界面,然后回答:

  • 根据上面的图片如果是你创建一个User,里面有什么属性?

然后你想象我们有登录与清除的功能,那你的User中需要有什么方法?

?	public class User {
    private String username ;
    private String password ;

    public String getUsername()
    {
        return username;
    }

    public void setUsername(String username)
    {
        this.username = username;
    }

    public String getPassword()
    {
        return password;
    }

    public void setPassword(String password)
    {
        this.password = password;
    }

步骤二 IUserBiz接口的创建

思考:我们已经有一个User Been了,我们需要用这个User进行什么操作?并将User即将进行的操作写为抽象方法。

 

public interface IUserBiz {
    public void login(String username, String password, OnLoginListener loginListener);
}

步骤三 附带的Listener创建

思考:我们之前创建的IUserBiz接口中的方法有哪种情况会发生?并将可能会出现的情况进行写入抽象Listener中去。

public interface OnLoginListener {
    void loginSuccess(User user);
    void loginFailed();
}

步骤四 创建UserBiz直接实现IUserBiz

就是将方法实现

 

public class UserBiz implements IUserBiz {
    @Override
    public void login(final String username, final String password, final OnLoginListener loginListener) {
        //模拟子线程耗时操作
        new Thread() {
            @Override
            public void run() {
                try {
                    Thread.sleep(2000);
                } catch (InterruptedException e) {
                    e.printStackTrace();
                }
                //模拟登录成功
                if ("123".equals(username) && "123".equals(password)) {
                    User user = new User();
                    user.setUsername(username);
                    user.setPassword(password);
                    loginListener.loginSuccess(user);
                } else {
                    loginListener.loginFailed();
                }
            }
        }.start();
    }
}

步骤六 将View(Activity)连接创建好的接口并实现

根据接口并实现

 

public class UserLoginActivity extends ActionBarActivity implements IUserLoginView {
    private EditText mEtUsername, mEtPassword;
    private Button mBtnLogin, mBtnClear;
    private ProgressBar mPbLoading;

    private UserLoginPresenter mUserLoginPresenter = new UserLoginPresenter(this);

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_user_login);

        initViews();
    }

    private void initViews() {
        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(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                mUserLoginPresenter.login();
            }
        });

        mBtnClear.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                mUserLoginPresenter.clear();
            }
        });
    }


    @Override
    public String getUserName() {
        return mEtUsername.getText().toString();
    }

    @Override
    public String getPassword() {
        return mEtPassword.getText().toString();
    }

    @Override
    public void clearUserName() {
        mEtUsername.setText("");
    }

    @Override
    public void clearPassword() {
        mEtPassword.setText("");
    }

    @Override
    public void showLoading() {
        mPbLoading.setVisibility(View.VISIBLE);
    }

    @Override
    public void hideLoading() {
        mPbLoading.setVisibility(View.GONE);
    }

    @Override
    public void toMainActivity(User user) {
        Toast.makeText(this, user.getUsername() +
                " login success , to MainActivity", Toast.LENGTH_SHORT).show();
    }

    @Override
    public void showFailedError() {
        Toast.makeText(this,
                "login failed", Toast.LENGTH_SHORT).show();
   

步骤七 实现Presenter

在MVP中Presenter将Model与View进行一个连接,在这个地方的Presenter属于一个中间人的传话的效果。
那么在这个Presenter类中,主要就是图中Button的方法,也就是一个login方法,一个clear方法,具体实现还是将之前所实现的接口进行一个方法对接。

 

//将**View**与**Model**之间进行操作。
public class UserLoginPresenter {
    private IUserBiz       userBiz;
    private IUserLoginView userLoginView;
    private Handler mHandler = new Handler();
    ////传递一个loginView
    public UserLoginPresenter(IUserLoginView userLoginView) {
        
        //这个是View的代表
        this.userLoginView = userLoginView;
        //这个是Model的代表
        this.userBiz = new UserBiz();
    }
    //下面有两个方法主要是将两个**Button**的操作直接封装完成,然后直接使用
    public void login() {
        userLoginView.showLoading();
        userBiz.login(userLoginView.getUserName(), userLoginView.getPassword(), new OnLoginListener() {
            @Override
            public void loginSuccess(final User user) {
                //需要在UI线程执行
                mHandler.post(new Runnable() {
                    @Override
                    public void run() {
                        userLoginView.toMainActivity(user);
                        userLoginView.hideLoading();
                    }
                });

            }

            @Override
            public void loginFailed() {
                //需要在UI线程执行
                mHandler.post(new Runnable() {
                    @Override
                    public void run() {
                        userLoginView.showFailedError();
                        userLoginView.hideLoading();
                    }
                });

            }
        });
    }
    // //这个是clear按钮
    public void clear() {
        userLoginView.clearUserName();
        userLoginView.clearPassword();
    }

}

 

解答

一 User Been的创建

仔细看我上面那个登录界面,然后回答:

  • 根据上面的图片如果是你创建一个User,里面有什么属性?
  • 然后你想象我们有登录与清除的功能,那你的User中需要有什么方法?
回答:
1.User有userName与password两个属性。
2.userName与password拥有setget方法即可。

二 IUserBiz接口的创建

思考:我们已经有一个User Been了,我们需要用这个User进行什么操作?
并将User即将进行的操作写为抽象方法。

回答:
User需要有一个login的功能,这个功能中我们需要将我们的账号密码传递进
去,同时还有一个Listener需要监听login的情况,在下面就是Listener的创
建了。

三 附带的Listener创建

思考:我们之前创建的IUserBiz接口中的方法有哪种情况会发生?
并将可能会出现的情况进行写入抽象Listener中去。

回答:
以前接口中主要实现了一个login的功能,这个功能会有两种可能发生,第一
种就是登录成功,第二种就是登录失败。

四 创建UserBiz直接实现IUserBiz

就是将方法实现。

五 将View(Activity)中的功能写入接口

仔细看我上面那个登录界面,然后回答:

  • Activity中有两个Button,点击一下会进行什么操作?
  • 操作过程中会发生什么情况,并将情况转换成对应的方法。
    回答:
    1.点击login会有登录成功或者登录失败,在这里登录需要获取Edit的信息。
    2.点击clear会清除EditView。
    那么方法如下:
    登录成功方法
    登录失败方法
    获取UserName
    获取PassWord
    清除Edit框

六 将View(Activity)连接创建好的接口并实现

根据接口并实现。

七 实现Presenter

在MVP中Presenter将Model与View进行一个连接,在这个地方的Presenter属于一个中间人的传话的效果。
那么在这个Presenter类中,主要就是图中Button的方法,也就是一个login方法,一个clear方法,具体实现还是将之前所实现的接口进行一个方法对接。

 

 

 

 

 
 

 

MVP模式入门案例