title: Mvp项目学习
：
今天用我们用MVP模式来完成一个简单的登录界面的实现。
业务需求：
- 用户输入用户名和密码之后，按下登录按钮，跳转到另一个Activity。
- 这里面隐含的一些含义有：检查用户名和密码（网络访问）
- 点击登录按钮，对网络返回结果判断并处理（设置监听器）
由于我们这里是简化版本的，所以不写网络访问的代码，用一个延时的handler来模拟就行了。
image.png
MVP模式的思路是：
- 创建Model接口，View接口，Presenter接口。
- View接口：根据业务或者UI设计师给的图片来定制我们的View接口中应该有哪些方法，比如显示进度条，跳转界面，只要用户能操作的或者用户看得到的可交互的东西，都需要考虑是否要写进View接口中。
- Model接口：根据View接口中的方法，设计Model接口中的方法，Model接口就是用来对数据进行处理的，UI层的交互数据将会流到这里，比如EditText输入了用户名，那么用户名就经由Presenter的逻辑处理最终来到Model接口，Model接口比如实现了网络访问操作，此时将数据处理了拿到返回结果，再传回给Presenter，经由Presenter传递给View。
- Presenter接口：根据View接口中的方法来设计对应的方法，并且方法一般都和Model层进行交互。
View层接口的设计：
那么首先看到界面的图片，我们按照用户和UI交互的几个地方设计方法就行了：
- 点击登录，显示登录进度，用一个progressBar。
- 点击登录可能出现：
- 用户名错误提示：设置用户名错误提示动画
- 密码错误提示：设置密码错误提示动画
- 用户名密码正确，跳转至主界面Activity
那么对应的LoginView接口为：
public interface ILoginView {
void showProgressBar();
void hideProgressBar();
void setUserNameError();
void setPasswordError();
void JumpToActivity();
}
那么对应的登录界面的Activity只要实现该接口并正确地实现每个接口所描述的方法就行了。回头在Presenter里面用ILoginView的引用调用对应的方法，即可从Presenter层去改变UI界面。
Model层接口的设计
Model层是用来接收数据（从View层发送过来的数据），处理数据，并返回数据（返回给View层来展示给用户）的，所以Model接口的方法设计要依照我们要处理的数据。
这里要处理的数据是：---------用户名和密码
此外还要设计监听器，为了便于管理，监听器就放在对应的Model层接口里面
代码：
public interface ILoginModel {
interface OnLoginListener{
void onSuccess();
void onUsernameWrong();
void onPasswordWrong();
}
void login(String username,String password,ILoginModel.OnLoginListener listener);
}
实现类
public class LoginModelImp implements ILoginModel {
@Override
public void login(final String username, final String password, final OnLoginListener listener) {
//此处应该是有网络请求的，比如调用OkHttp或者RxJava什么的。
new Handler().postDelayed(new Runnable() {
@Override
public void run() {
if (TextUtils.isEmpty(username)){
listener.onUsernameWrong();
return;
}
if (TextUtils.isEmpty(password)){
listener.onPasswordWrong();
return;
}
listener.onSuccess();
}
},1500);
}
}
在这里的OnLoginListener调用的每一个方法最终的结果都是去View层去改变UI视图来和用户交互，而Model层不能直接和View层通信，那么只能借助Presenter来实现监听器接口，因为Presenter里面有双方（M和V）的引用，所以可以轻易地调用View层的方法去改变UI。
Presenter层接口的设计
Presenter层是用来桥接Model层和View层的，所以方法应该用于让M和V之间通信
public interface ILoginPresenter {
void onLogin(String username,String password);
void onViewDestroy();
}
实现类
public class LoginPresenterImp implements ILoginPresenter,ILoginModel.OnLoginListener{
private ILoginModel loginModel;
private ILoginView loginView;
public LoginPresenterImp(ILoginView loginView){
this.loginView=loginView;
this.loginModel=new LoginModelImp();
}
@Override
public void onLogin(String username,String password) {
if (loginView!=null){
loginView.showProgressBar();
}
loginModel.login(username,password,this);
}
@Override
public void onViewDestroy() {
//解除View和Presenter的绑定
loginView=null;
}
//----------------------------------------------下面是OnLoginListener
@Override
public void onSuccess() {
loginView.hideProgressBar();
loginView.JumpToActivity();
}
@Override
public void onUsernameWrong() {
loginView.setUserNameError();
loginView.hideProgressBar();
}
@Override
public void onPasswordWrong() {
loginView.setPasswordError();
loginView.hideProgressBar();
}
}
最后是View层的实现类，即LoginActivity
public class LoginActivity extends AppCompatActivity implements ILoginView{
ILoginPresenter loginPresenter;
ProgressBar progressBar;
EditText usernameE,passwordE;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
initiateView();
loginPresenter=new LoginPresenterImp(this);
findViewById(R.id.loginBtn).setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View v) {
loginPresenter.onLogin(usernameE.getText().toString(),passwordE.getText().toString());
}
});
}
private void initiateView() {
usernameE=findViewById(R.id.username);
passwordE=findViewById(R.id.password);
progressBar=findViewById(R.id.loginProgressBar);
}
@Override
public void showProgressBar() {
progressBar.setVisibility(View.VISIBLE);
}
@Override
public void hideProgressBar() {
progressBar.setVisibility(View.INVISIBLE);
}
@Override
public void setUserNameError() {
usernameE.setError("用户名错误");
}
@Override
public void setPasswordError() {
passwordE.setError("密码错误");
}
@Override
public void JumpToActivity() {
startActivity(new Intent(this, Main2Activity.class));
this.finish();
}
@Override
protected void onDestroy() {
loginPresenter.onViewDestroy();
super.onDestroy();
}
}
持有Presenter的引用，调用Presenter中的方法，而Presenter中又有Model的引用，间接地将数据传输给Model层去处理
接下来模拟一次正常的用户操作，输入用户名和密码并点击登录，那么事件发生的流程图如下：
结束
github项目地址：MvpFirst
网友评论