MVVM简介-CFANZ编程社区

引言
mvvm架构是继mvc架构后衍生出的一个新的架构思想，在平时工作过程中很多同学都是把mvvm和dataBinding混为一团，只要被问到什么是mvvm就回答：“mvvm就是dataBinding”。其实这种理解是错的。它本质上就是MVC 的改进版。MVVM 就是将其中的View 的状态和行为抽象化，让我们将视图 UI 和业务逻辑分开。本文就针对mvvm阐述下个人的理解，有不足支出多多谅解。

一、什么是mvvm

   mvvm即 model-viewModel-view 的缩写，view层的布局控件和model层的数据通过中间桥梁viewModel实现双向绑定，而             view和model没有直接的交互，实现了view和model的解耦；它是一种架构思想。

二、什么是dataBinding

  dataBinding是一个工具，它是通过Apt技术实现视图与数据源的双向绑定。（并不是大家所理解的用反射的技术实现）

 不要把dataBing和mvvm混为一谈了，dataBinding作为一个工具，既可以在mvc中使用也可以在mvp中使用。只是mvvm架构        也使用了dataBing这个工具。

三、mvvm的使用步骤

   一，gradle配置

      在module下的bulid.gradle的android{}下添加如下配置  

// 添加DataBinding依赖
dataBinding{
    enabled = true
}
    二、在java包下分别建立model和vm包并分别创建两个java类，如下图


       userInfo类中的代码如下：

      ObservableField<>是一个android.databinding包下的非常重要的类，泛型的具体类型对应成员变量的数据类型

import android.databinding.ObservableField;

public class UserInfo {
//必须是public修饰
public ObservableField username = new ObservableField<>();
public ObservableField age = new ObservableField<>();
}
ViewMode类的代码如下，vm层持有model的引用“userInfo” view层的ActivityMainBinding通过构造方法传进来，

     然后调用binding.setUser将vm层和view层进行绑定

import com.example.jiagoushi.model.UserInfo;
import com.example.jiagoushi.databinding.ActivityMainBinding;

public class ViewModel {
public UserInfo userInfo;
public static final String TAG = “adnroidXX”;

public ViewModel(ActivityMainBinding binding) {
    userInfo = new UserInfo();
    binding.setUser(this);
    userInfo.username.set("yzs");
    userInfo.age.set("30");

}

}
三、在activity中添加如下代码

@Override
protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_main);
    ActivityMainBinding binding = DataBindingUtil.setContentView(this, R.layout.activity_main);
    new ViewModel(binding);
}
    DataBindingUtil也是在android.databinding包下的一个重要的类，需要把activity和布局资源文件id作为参数传递进去；

   传递activity主要是为了能根据activity获取到视图的根布局DecorView，传递资源文件，是为了能够根据资源文件获取到控件         对象。这一块的原理大家可以去阅读下dataBinding的源码；

    四、在资源文件中使用方式

<?xml version="1.0" encoding="utf-8"?>

<data>

    <variable
        name="user"
        type="com.example.jiagoushi.vm.ViewModel" />
</data>

<LinearLayout
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:gravity="center"
    android:orientation="vertical">

    <EditText
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="@={user.userInfo.username}" />

    <EditText
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="@={user.userInfo.age}" />
</LinearLayout>

1、布局资源的跟标签需要使用

     2、在跟标签下，添加<data> <variable/>  </data>标签 如上图 ;"name" 可以理解成key；“tpye”的值为ViewModel类的全路           径名称

    3、在控件的属性值中 使用  “ @={}”或者“@{}”  前者代表双向绑定，后者代表单向绑定

到这里就完成了mvvm的基本配置，大家可以按照上面步骤run一把，可以看到view控件的值和userInfo的属性值，任一方值改变都可以将新值自动更新给另一方。

四、mvvm的优缺点

MVVM设计模式的优点

1.双向绑定技术，当Model变化时，View-Model会自动更新，View也会自动变化。很好做到数据的一致性，不用担心，在模块的这一块数据是这个值，在另一块就是另一个值了。所以 MVVM模式有些时候又被称作：model-view-binder模式。

2.View的功能进一步的强化，具有控制的部分功能，若想无限增强它的功能，甚至控制器的全部功几乎都可以迁移到各个View上（不过这样不可取，那样View干了不属于它职责范围的事情）。View可以像控制器一样具有自己的View-Model.

3.由于控制器的功能大都移动到View上处理，大大的对控制器进行了瘦身。不用再为看到庞大的控制器逻辑而发愁了。

4.可以对View或ViewController的数据处理部分抽象出来一个函数处理model。这样它们专职页面布局和页面跳转，它们必然更一步的简化。

MVVM设计模式的缺点

1.数据绑定使得 Bug 很难被调试。你看到界面异常了，有可能是你 View 的代码有 Bug，也可能是 Model 的代码有问题。数据绑定使得一个位置的 Bug 被快速传递到别的位置，要定位原始出问题的地方就变得不那么容易了。

2.一个大的模块中model也会很大，虽然使用方便了也很容易保证了数据的一致性，当时长期持有，不释放内存就造成了花费更多的内存。

3.数据双向绑定不利于代码重用。客户端开发最常用的重用是View，但是数据双向绑定技术，让你在一个View都绑定了一个model，不同模块的model都不同。那就不能简单重用View了。