[置顶] MVP架构搭建

时间:2020-12-02 21:14:27

1. 关于MVC

  • MVC 全称是Model - View - Controller,是模型(model)-视图(view)-控制器(controller)的缩写。

  • Model:业务逻辑和数据处理(数据库存储操作,网络数据请求,复杂算法,耗时操作),专为存储和管理应用数据而生。

  • View:XML布局(凡是能够在屏幕上看见的对象,都是视图对象);

  • Controller:用户交互(读取View视图,向Moder发送数据请求,让数据显示在界面上),包括响应View对象触发的各类事件和管理着模型对象和视图层间的数据流动。

  • 以点击按钮为例:用户输入-用户与视图对象进行交互-视图发送消息到控制器-控制器更新模型对象数据-控制器从他的视图感兴趣的模型对象中获取数据-控制器根据模型对象的变化更新视图。

  • 优点:Model层和View层不直接交互,把UI界面和业务逻辑、数据处理分离。

  • 缺点:Activity控制器中有很多显示UI的代码,因此View视图和控制器Controller不是完全分离的,也就是说View视图和控制器Controller绑定在一个类中,当布局复杂的时候,Activity会非常冗余繁杂,解耦不完美。

2. 关于MVP

  • MVP 全称是Model - View - Presenter ,是模型(model)-视图(view)-呈现器(presenter)的缩写。

  • Moder:业务逻辑和数据处理(数据库存储操作,网络数据请求,复杂算法,耗时操作);

  • View:负责界面数据的展示,与用户进行交互(Activity);

  • Presenter:作为Moder和View的桥梁。

  • 逻辑:将Activity(也就是将View和Controller合并为View)作为View,Model不变,并添加Presenter;View和Model不直接交互,而是使用Presenter作为桥梁。Presenter同时拥有View和Model的Interface引用,而View层有Presenter的Interface引用。当View层需要展示数据的时候,会调用Presenter层的接口,然后Presenter会调用Model请求数据,当Model层数据加载成功后会调用Presenter的回调方法通知Presenter层数据加载完毕,最后Presenter层会调用View层的接口将加载的数据展示给用户。

  • 优点:将View和Moder完全分离,互不依赖。

3. MVC 与 MVP的区别

  • MVC中的Moder、View和Controller两两之间都有联系。

[置顶]        MVP架构搭建

  • MVP中的Moder与View不能直接联系,只能通过Presenter发生关系。

[置顶]        MVP架构搭建

4. 登录经典示例说明MVP架构以及架构之间接口的连接方式

4.1 业务需求:

  • 输入帐号和密码,点击Login实现登录,点击Clear实现清空帐号和密码。

4.2 Model:

  • 创建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;
}
}
  • 创建Model业务逻辑接口类IUserBiz:
public interface IUserBiz {
public void login(String name, String password, OnLoginListener loginListener);
}
  • 定义Model成功失败回调类接口OnLoginListener:
public interface OnLoginListener {
void loginSuccess(User user);

void loginFailed();
}
  • 定义Model业务逻辑实现类UserBiz:
public class UserBiz implements IUserBiz {

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

说明:

  1. 定义一个业务逻辑接口,一个实现类,实现类里面请求数据。
  2. 定义一个数据请求回调接口,请求到了数据回调接口中的成功方法,没有请求到数据回调接口中的失败方法。

4.3 Presenter:

  • 创建Presenter接口UserLoginPresenter:
public class UserLoginPresenter {

private IUserBiz userBiz;
private ILoginView userLoginView;
private Handler mHandler = new Handler();

public UserLoginPresenter(ILoginView userLoginView) {
this.userBiz = new UserBiz();
this.userLoginView = userLoginView;
}

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();
}
});

}
});
}

public void clear() {
userLoginView.clearUserName();
userLoginView.clearPassword();
}

}

说明:创建UserLoginPresenter接口,接口中拿着Model和View的接口,并具体实现Model成功回调和失败回调后的方法,也就是说Model请求数据成功过后应该怎么具体做,请求数据失败后应该怎么做。

4.4 View

  • 创建View的接口类ILoginView:
public interface ILoginView {
String getUserName();

String getPassword();

void clearUserName();

void clearPassword();

void showLoading();

void hideLoading();

void toMainActivity(User user);

void showFailedError();
}

说明:对于View接口主要考虑功能上的操作:
1. 该操作需要什么?(getUserName, getPassword)
2. 该操作的结果,对应的反馈?(toMainActivity, showFailedError)
3. 该操作过程中对应的友好的交互?(showLoading, hideLoading)
  • 创建activity_user_login.xml布局文件:
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent">


<LinearLayout
android:id="@+id/ll_username"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:gravity="center">


<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="UserName:" />


<EditText
android:id="@+id/et_username"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:hint="请输入用户名" />

</LinearLayout>

<LinearLayout
android:id="@+id/ll_password"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_below="@id/ll_username"
android:gravity="center">


<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Password:" />


<EditText
android:id="@+id/et_password"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:hint="请输入密码" />

</LinearLayout>

<LinearLayout
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_below="@id/ll_password"
android:layout_centerHorizontal="true"
android:layout_marginTop="50sp">


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


<Button
android:id="@+id/bt_clear"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Clear" />

</LinearLayout>

<ProgressBar
android:id="@+id/pb_progressbar"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_centerInParent="true"
android:visibility="gone" />


</RelativeLayout>
  • 创建View接口实现类UserLoginActivity:
public class UserLoginActivity extends AppCompatActivity implements ILoginView {

@BindView(R.id.et_username)
EditText etUsername;
@BindView(R.id.et_password)
EditText etPassword;
@BindView(R.id.pb_progressbar)
ProgressBar pbProgressbar;
@BindView(R.id.bt_login)
Button btLogin;
@BindView(R.id.bt_clear)
Button btClear;

private UserLoginPresenter userLoginPresenter = new UserLoginPresenter(this);


@Override
protected void onCreate(@Nullable Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_user_login);
ButterKnife.bind(this);
}

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

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

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

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

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

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

@Override
public void toMainActivity(User user) {
startActivity(new Intent(this, MainActivity.class));
Toast.makeText(this,"登陆成功",Toast.LENGTH_SHORT).show();
}

@Override
public void showFailedError() {
Toast.makeText(this,"登陆失败",Toast.LENGTH_SHORT).show();
}

@OnClick(R.id.bt_login)
public void onBtLoginClicked() {
userLoginPresenter.login();
}

@OnClick(R.id.bt_clear)
public void onBtClearClicked() {
userLoginPresenter.clear();
}
}

说明:负责界面的展示以及处理与用户的交互。

5. 为什么说MVP是优秀的架构模式?

  • 低耦合:MVP拆分了MVC臃肿的Activity,独立了Model、View、Presenter,并通过接口的方式进行链接,板块化实现了低耦合。

  • 高复用:Presenter、Model与Activity(View)的关系实现了一对多。

  • 易测试:独立了Model、View、Presenter以后,更加方便进行单元测试。

  • 好维护:低耦合就成就了好维护。