Android进阶 MVP设计模式实例

Android之MVP设计模式实例

MVP(Model View Presenter)的设计模式是从MVC中演化而来的,主要作用是能够:
划分模块职责,
降低模块耦合
易测试,提高代码复用

Model:数据:负责数据的检索
View: 视图:负责视图的绘制,和用户的交互
presenter: 控制器:负责在Model和View之间交互,负责两者业务的逻辑处理

与MVC的区别:

在MVC中,在Controller中,有View和Model的部分处理逻辑,在View处理时间的过程中,也有Model操作的过程,
该模式看起来模式简单,层级关系不多,而且代码量少,但是大部分逻辑都杂糅到了一起,
在测试和调试的过程中较之MVP而言很不方便
在MVC中,数据,控制器,视图之间互相操作的关系是这样的:
Android进阶 MVP设计模式实例_第1张图片

而在MVP中,presenter单线操作数据Model部分的数据,
同样的presenter也是单线的操作视图View模块的东西,但是中间是是通过调用接口的方式,
当View界面和数据有交互的时候,再通过接口调用Presenter,再由Presenter调用Model来进行数据的改变
在MVP中,数据,控制器,视图之间相互操作的关系是这样的:

Android进阶 MVP设计模式实例_第2张图片

Android代码示例

简单的演示一个登陆操作的界面,用户输入用户名密码,然后模拟操作访问服务器验证用户名密码的操作,此过程显示进度条,登陆成功之后显示成功界面,失败提示失败信息

简单的看一下界面:
activity_user_login.xml:


<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent"
    android:layout_height="match_parent" android:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:paddingTop="@dimen/activity_vertical_margin"
    android:paddingBottom="@dimen/activity_vertical_margin" tools:context=".MainActivity">

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="@string/username"
        android:textSize="18sp"
        android:layout_alignParentLeft="true"
        android:layout_marginTop="20dp"
        android:id="@+id/id_tv_username"/>
    <EditText
        android:layout_width="170dp"
        android:layout_height="40dp"
        android:id="@+id/id_et_username"
        android:layout_alignParentRight="true"
        android:layout_marginRight="20dp"
        android:text="username"
        android:layout_alignBottom="@+id/id_tv_username" />
    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="@string/passwprd"
        android:textSize="18sp"
        android:layout_alignParentLeft="true"
        android:layout_marginTop="80dp"
        android:id="@+id/id_tv_password"/>
    <EditText
        android:layout_width="170dp"
        android:layout_height="40dp"
        android:id="@+id/id_et_password"
        android:layout_alignBottom="@id/id_tv_password"
        android:layout_alignParentRight="true"
        android:layout_marginRight="20dp"
        android:text="password" />

    <Button
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:id="@+id/id_btn_login"
        android:text="Login"

        android:layout_below="@+id/id_et_password"
        android:layout_alignEnd="@+id/id_tv_username"
        android:layout_marginTop="35dp" />

    <Button
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:id="@+id/id_btn_clear"
        android:text="Clear"
        android:layout_alignTop="@+id/id_btn_login"
        android:layout_alignEnd="@+id/id_et_password"
        android:layout_marginEnd="24dp" />

    <ProgressBar
        style="?android:attr/progressBarStyleLarge"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:id="@+id/id_progressbar"
        android:layout_centerVertical="true"
        android:layout_centerHorizontal="true"
        android:visibility="invisible"/>
RelativeLayout>

界面效果如下:

Android进阶 MVP设计模式实例_第3张图片

程序运行结果预览:

界面写好之后,开始分析该程序的数据和功能:
首先,需要有一个JavaBean对象User,保存username 和password字段
需要String类型的username和password

package com.jishihuitong.mvpdemo.bean;

/**
 * Created by hss on 2016/8/2.
 */
public class User {
    private String username;
    private String password;

    public String getUsername() {
        return username;
    }

    public String getPassword() {
        return password;
    }

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

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

然后根据视图,肯定要有一个login的方法,在MVP中presenter操作model和view的过程都是使用接口的,所以要有一个IUserModel和UserModelImpl继续完成

IUserModel类

package com.jishihuitong.mvpdemo.model;

/**
 * Created by hss on 2016/8/2.
 */
public interface IUserModel {

    /**
     * 登录数据模块的操作
     * @param username 用户名
     * @param password 密码
     * @param onLoginListener 登录监听
     */
    public void login(String username,String password,OnLoginListener onLoginListener);
}

IUserModel实现类

package com.jishihuitong.mvpdemo.model;

import com.jishihuitong.mvpdemo.bean.User;

/**
 * Created by hss on 2016/8/2.
 */
public class UserModelImpl implements IUserModel {
    @Override
    public void login(final String username, final String password, final OnLoginListener onLoginListener) {
        new Thread(){
            @Override
            public void run() {
                try {
                //模拟从网络加载数据,需要时间
                    Thread.sleep(2000);
                } catch (InterruptedException e) {
                    e.printStackTrace();
                }
                if("username".equals(username) && "password".equals(password)){
                    User user = new User();
                    user.setUsername(username);
                    user.setPassword(password);
                    onLoginListener.loginSuccess(user);
                }else{
                    onLoginListener.loginFailed();
                }
            }
        }.start();
    }
}

登录成功或者失败的监听

package com.jishihuitong.mvpdemo.model;

import com.jishihuitong.mvpdemo.bean.User;

/**
 * Created by hss on 2016/8/2.
 */
public interface OnLoginListener {
    /**
     * 登录成功
     * @param user user对象
     */
    public void loginSuccess(User user);

    /**
     * 登录失败
     */
    public void loginFailed();
}

View层,上面说到,MVP设计模式中,调用View层的方法都是通过接口调用的,
所以我们需要显示定义一个View的接口ILoginVeiw,在该接口中需要有什么方法呢?
首先需要

getUsername();
getPassword();

清空输入框内容的方法

clearUsername();
clearPassword();

登录成功和登录失败的方法

toMainActivity(User user);
showFailedError();

显示进度和隐藏进度的方法

showLoading();
hideLoading();

所以综合上述表述,写出来的ILoginView接口应该是这样的:

package com.jishihuitong.mvpdemo.view;

import com.jishihuitong.mvpdemo.bean.User;

/**
 * Created by hss on 2016/8/2.
 */
public interface IUserLoginView {
    /**
     * View层接口获取用户名的方法
     * @return 输入的用户名
     */
    public String getUserName();

    /**
     * View层接口获取密码的方法
     * @return 输入的密码
     */
    public String getPassword();

    /**
     * View层清除用户名
     */
    public void clearUserName();

    /**
     * View层清除密码的方法
     */
    public void clearPassword();

    /**
     * View层登录成功的方法
     * @param user user对象
     */
    public void toMainActivity(User user);

    /**
     * View层显示登录失败的方法
     */
    public void showFailedError();

    /**
     * View层显示进度条的方法
     */
    public void showLoading();

    /**
     * View层隐藏进度条的方法
     */
    public void hideLoading();
}

而加载布局的一个类显然就是View层的了,该类要实现ILoginView接口,并且实现里面的方法:
然后登录操作,需要使用present来执行,
UserLoginActivity.java

package com.jishihuitong.mvpdemo.view;

import android.os.Bundle;
import android.support.v7.app.AppCompatActivity;
import android.view.View;
import android.widget.Button;
import android.widget.EditText;
import android.widget.ProgressBar;
import android.widget.Toast;

import com.jishihuitong.mvpdemo.R;
import com.jishihuitong.mvpdemo.bean.User;
import com.jishihuitong.mvpdemo.presenter.UserLoginPresenter;

/**
 * 登录界面主activity IView的实现类,
 */
public class UserLoginActivity extends AppCompatActivity implements IUserLoginView {

    private EditText id_et_username;
    private EditText id_et_password;
    private Button id_btn_login;
    private Button id_btn_clear;
    private UserLoginPresenter mUserLoginPrestener = new UserLoginPresenter(this);
    private ProgressBar id_progressbar;

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

    /**
     * 初始化控件
     */
    private void initView() {
        id_et_username = (EditText) findViewById(R.id.id_et_username);
        id_et_password = (EditText) findViewById(R.id.id_et_password);
        id_btn_login = (Button) findViewById(R.id.id_btn_login);
        id_btn_clear = (Button) findViewById(R.id.id_btn_clear);
        id_progressbar = (ProgressBar) findViewById(R.id.id_progressbar);

        id_btn_login.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
//              presenter控制逻辑 登录操作
                mUserLoginPrestener.login();
            }
        });

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

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

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

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

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

    @Override
    public void toMainActivity(User user) {
        Toast.makeText(getApplicationContext(),getUserName()+"登录成功",Toast.LENGTH_SHORT).show();
    }

    @Override
    public void showFailedError() {
        Toast.makeText(getApplicationContext(),getUserName()+"登录失败",Toast.LENGTH_SHORT).show();
    }

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

    @Override
    public void hideLoading() {
        id_progressbar.setVisibility(View.INVISIBLE);
    }
}

UserLoginPresenter.java

package com.jishihuitong.mvpdemo.presenter;

import android.os.Handler;

import com.jishihuitong.mvpdemo.bean.User;
import com.jishihuitong.mvpdemo.model.IUserModel;
import com.jishihuitong.mvpdemo.model.OnLoginListener;
import com.jishihuitong.mvpdemo.model.UserModelImpl;
import com.jishihuitong.mvpdemo.view.IUserLoginView;

/**
 * Created by hss on 2016/8/2.
 */
public class UserLoginPresenter {
    private IUserModel userModel;
    private IUserLoginView userLoginView;
    private Handler mHandler = new Handler() {
    };

    public UserLoginPresenter(IUserLoginView userLoginView) {
        this.userModel = new UserModelImpl();
        this.userLoginView = userLoginView;
    }

    /**
     * 登录操作
     */
    public void login() {
//      设置进度条可见
        userLoginView.showLoading();
        //数据控制器控制model操作登录
        userModel.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();
                    }
                });
            }
        });
    }

    /**
     * 清除所有数据的方法
     */
    public void clear() {
        userLoginView.clearPassword();
        userLoginView.clearUserName();
    }
}

总体来说,虽然说代码的层次增加了,代码量也增加了,但是仔细看看,是不是代码感觉特别明朗,层次感特别清晰呢,该模式主要适用于数据和view交互比较多的模块,
MVP时下很火,所以在此了解学习一下,有不足的地方,欢迎指正。

点击下载代码

你可能感兴趣的:(Android基础)