MVC、MVP、MVVM结合案例详解-附Demo

本篇以登陆模块功能详解MVC、MVP、MVVM的优缺点及使用。

一、MVC

1.概念

2.总结

二、MVP

1.概念

2.总结

三、MVVM

1.概念

2.Android Data Binding

2.1 布局和绑定表达式

2.2 在子线程中更新View

2.3 实现控件TextView的点击事件

3.MVVM核心

一、MVC

1.概念

MVC全名 Model View Controller

模型（model）-视图（view）-控制器（controller）

M是指业务模型 V是指用户界面 C则是控制器

2.总结

其中 View 层其实就是程序的 UI 界面，用于向用户展示数据以及接收用户的输入

而 Model 层就是 JavaBean 实体类，用于保存实例数据

Controller 控制器用于更新 UI 界面和数据实例

弊端：Activity既是C又是V，既有显示UI界面，又有登陆操作。所有的代码都是在MainActivity。见Demo app。

二、MVP

1.概念

MVP是一种经典的模式

M代表Model V代表View P则是Presenter（Model和View之间的桥梁）

2.总结

MVP模式的核心思想

把Activity中的UI逻辑抽象成View接口，把业务逻辑抽象成Presenter接口，Model类还是原来的Model类

作用

1.分离视图逻辑和业务逻辑，降低耦合

2.Activity只处理生命周期的任务，代码简洁

3.视图逻辑和业务逻辑抽象到了View和Presenter中，提高阅读性

4.Presenter被抽象成接口，可以有多种具体的实现

5.业务逻辑在Presenter中，避免后台线程引用Activity导致内存泄漏

分析

1.建立3个包 model、view、Presenter分别存放对应的模型、视图、控制层。

2.Model

定义用户名、密码，构造方法和一些set、get方法。

3.View

UI逻辑抽象成View接口: view中UI逻辑有吐司、登陆成功或失败提示，需要定义在接口中。

4.Presenter

业务逻辑抽象成Presenter接口：Presenter中业务逻辑有绑定和解绑View，登陆操作，需要定义在接口中。

5.实现

在Activity和Presenter定义类，实现上述对应接口。

6.在MainActivity View中调用P接口。

7.如果有多个Activity，需要抽取共同的方法到Base接口。要使用泛型

三、MVVM

1.概念

MVVM模式包含三个部分

-Model代表基本的业务逻辑

-View显示内容

-ViewModel将前面两者联系在一起

2.Android Data Binding

l2015年I/O大会上谷歌介绍了一个非常NB的工具，该工具可以将View和一个对象的field绑定，当field更新的时候，framework将收到通知，然后View自动更新。

lData Binding官方原生支持MVVM模型可以让我们在不改变现有代码的框架下，非常容易的使用这些新特性。

2.1 布局和绑定表达式

（1）首先在app模块的build.gradle中加上几行代码就可以了。

android {…dataBinding {enabled = true}
}

对比上述两个图发现添加代码后运行后会自动生成BR.class这个类。

（2）布局文件这样写

<?xml version="1.0" encoding="utf-8"?>
<layoutxmlns:android="http://schemas.android.com/apk/res/android"xmlns:app="http://schemas.android.com/apk/res-auto"xmlns:tools="http://schemas.android.com/tools"><data><variablename="user"type="m.cyh.com.mvvm.User"/></data><LinearLayoutandroid:layout_width="match_parent"android:layout_height="match_parent"android:orientation="vertical"tools:context=".MainActivity"><TextViewandroid:layout_width="wrap_content"android:layout_height="wrap_content"android:text="@{user.userName}" /></LinearLayout>
</layout>

数据中的user变量描述了可以在该布局中使用的属性。

        <variablename="user"type="m.cyh.com.mvvm.User"/>

布局中的表达式使用“@ {}”语法写入属性。这里，TextView文本被设置为用户变量的userName属性：

        <TextViewandroid:layout_width="wrap_content"android:layout_height="wrap_content"android:text="@{user.userName}" />

（3）数据对象

一个普通的对象用于描述User实体：

public class User {private String userName;}

在数据绑定中，访问@{user.userName}，那么默认就会访问同名的属性userName，或对应的getUserName方法。

（4）绑定数据

默认情况下，绑定类将基于布局文件的名称来产生
如布局文件为main_activity.xml，这样生成的类是 MainActivityBinding
如下设置Activity的contentView：

    @Overrideprotected void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);
//        setContentView(R.layout.activity_main);//没有通过ID找到控件，只是对field进行操作就可以改变view的值ActivityMainBinding binding = DataBindingUtil.setContentView(MainActivity.this, R.layout.activity_main);final User user = new User();user.userName.set("dahai");binding.setUser(user);}

2.2 在子线程中更新View

如果在子线程直接user.setUserName("helloworld");会发现View并没有改变。那就是FrameWork并未收到通知，看文档发现需要用到可观察数据对象。

比较简单的一种方法是把User实体类变量类型改变为

public class User {public ObservableField<String> userName = new ObservableField<>();
}

使用get或set来获取和设置属性值。

    @Overrideprotected void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);
//        setContentView(R.layout.activity_main);//没有通过ID找到控件，只是对field进行操作就可以改变view的值ActivityMainBinding binding = DataBindingUtil.setContentView(MainActivity.this, R.layout.activity_main);final User user = new User();user.userName.set("dahai");binding.setUser(user);new Thread(new Runnable() {@Overridepublic void run() {SystemClock.sleep(2000);user.userName.set("helloword!");}}).start();}

运行后会发现：如下在子线程中更新View，FrameWork收到通知后会自动更新View。

2.3 实现控件TextView的点击事件

首先在TextView中添加属性。

        <TextViewandroid:layout_width="wrap_content"android:layout_height="wrap_content"android:text="@{user.userName}"android:onClick="@{user.userOnClick}"/>

在User类中实现点击事件方法。

    //点击TextView时弹出Logpublic void userOnClick(View view){Log.e("********User*******",userName.get());}

点击TextView就会打印出日志Log。

3.MVVM核心

MVVM模式中，一个ViewModel和一个View匹配，它没有MVP中的IView接口，而是完全的和View绑定，所有View中的修改变化，都会自动更新到ViewModel中，同时ViewModel的任何变化也会自动同步到View上显示。

1.在build.gradle配置databinding。

2.首先新建三个包，model、view、viewmodel。在xml中更改layout。

3.viewmodel是负责M到V层，V层到M层。在viewmodel中新建MainViewModel类完成这个功能。其中包括从EtidText中拿到输入数据和点击事件。

/**
*负责M到V层，V到M层
*@author dahaiChang
*created at 2019/9/5 20:45
*/
public class MainViewModel {private String userName;private String psd;private Context mContext;public MainViewModel(Context context){this.mContext = context;}//从EditText拿到userNamepublic TextWatcher userNameChangeListener(){return new TextWatcher() {@Overridepublic void beforeTextChanged(CharSequence charSequence, int i, int i1, int i2) {}@Overridepublic void onTextChanged(CharSequence charSequence, int i, int i1, int i2) {userName = charSequence.toString();}@Overridepublic void afterTextChanged(Editable editable) {}};}//从EditText拿到psdpublic TextWatcher psdChangeListener(){return new TextWatcher() {@Overridepublic void beforeTextChanged(CharSequence charSequence, int i, int i1, int i2) {}@Overridepublic void onTextChanged(CharSequence charSequence, int i, int i1, int i2) {psd = charSequence.toString();}@Overridepublic void afterTextChanged(Editable editable) {}};}//登陆点击实现public void login(View view){if (!TextUtils.isEmpty(userName) && !TextUtils.isEmpty(psd)){if (userName.equals("dahai") && psd.equals("123456")){Toast.makeText(mContext,"登陆成功！",Toast.LENGTH_LONG).show();}else {Toast.makeText(mContext,"账号或密码错误！",Toast.LENGTH_LONG).show();}}else {Toast.makeText(mContext,"账号或密码输入不能为空！",Toast.LENGTH_LONG).show();}}
}

本文Demo下载地址：https://github.com/dahaiChang/MVC_MVP_MVVM