MVVM的详细讲解

注：主要参考精通 Android Data Binding，官方文档，感谢分享。

一、准备工作

• 要求Android Studio版本是1.5+，使用eclipse的同学暂时还没有办法使用该框架

classpath 'com.android.tools.build:gradle:1.5.0'

• 修改对应模块（Module）的 build.gradle

dataBinding {    enabled true}

二、MVVM的简单应用

第一步：创建XML布局

创建一个布局xml文件，就像以前一样，我们需要在那个view中使用，就按照固定写法操作。在这个框架下我们的思维要稍稍改变一下了，以前的布局XML只描述了布局，它是相对固定的东西，在Data Binding Library下我们的布局XML就像是一个类，他可以有变量也能进行一定的运算。其实Data Binding Library还真的给你生成了一个类似这样的类（这个类在绑定数据时会用到，命名规则：activity_main.xml—》ActivityMainBinding）。

<?xml version="1.0" encoding="utf-8"?><layout xmlns:android="http://schemas.android.com/apk/res/android"><!--layout层，不是常见的5种布局；命名空间-->    <data>        <import type="com.xfyb.mvvmtest.User"></import><!--导包，一次导入，下面都可以使用该类。前提是我们已经创建出来了该类-->        <variable            name="user"            type="User"/><!--创建对象-->    </data>    <!--原有的文件-->    <LinearLayout        android:layout_width="match_parent"        android:layout_height="match_parent"        android:orientation="vertical">        <TextView            android:layout_width="wrap_content"            android:layout_height="wrap_content"            android:text="@{user.name}"/><!--View中使用变量用@{} 格式来调用-->        <Button            android:layout_width="wrap_content"            android:layout_height="wrap_content"            android:onClick="change"            android:text="change"/>    </LinearLayout></layout>

第二步：定义数据对象
在上面中我们提到需要创建User的对象，因此我们需要将其创建出来。

public class User  {    private  String Name;    public void setAge(int age) {        this.age = age;    }    public void setName(String name) {        Name = name;    }    private  int age;    public User(String name, int age) {        Name = name;        this.age = age;    }    public int getAge() {        return age;    }    public String getName() {        return Name;    }}

这个类就是一个简单的Bean类，也就是我们在View中需要调用的对象属性。

第三步：绑定数据

public class MainActivity extends AppCompatActivity {    User user;    ActivityMainBinding binding;//自动生成的类ActivityMainBinding其实就是代表了那个布局，里面包括了布局的View，我们声明的变量。    @Override    protected void onCreate(Bundle savedInstanceState) {        super.onCreate(savedInstanceState);       /* setContentView(R.layout.activity_main);*/         binding = DataBindingUtil.setContentView(this, R.layout                .activity_main);//原来设置布局的setContentView改成了DataBindingUtil.setContentView         user = new User("XK",18);//创建对象，赋初始值        binding.setUser(user);    }    public void change (View view){        user.setName("KX");        binding.setUser(user);    }}

基于以上三步，我们就将基于Data Binding 的MVVM的简单编写就完成了，当我们实际运行时，如下界面：

但是当我们点击BUTTON时发现无法更改name的值，无法刷新textView。
解决方案：
1、让实体类继承BaseObservable类

修改后的代码如下所示：

public class User extends BaseObservable {//继承自BaseObservable     private  String Name;    public void setAge(int age) {        this.age = age;    }    public void setName(String name) {        Name = name;    }    private  int age;    public User(String name, int age) {        Name = name;        this.age = age;    }    @Bindable//添加注解    public int getAge() {        return age;    }    @Bindable    public String getName() {        return Name;    }}

当我们再次点击时，就会修改name属性的值。

至此我们对于MVVM的简单应用就完成了，对于此应用我们主要是注意书写的规范及格式就可以了，特别是对于xml的文件的配置、User类的注解和绑定数据使用时的规范。

总结：
使用基于Data Binding的操作有以下优势：

• 1、不需要在Activity里写很多的findViewById
• 2、在xml中我们只需要通过import导入需要的类的全包名，下面都可以使用。
• 3、引用绑定数据的对象时的格式：以@开始，以{}包裹的形式出现，而内容呢？是user.name。user就是我们上面定义的variable。

三、MVVM的高级应用

1、使用类中方法

• 定义一个静态方法

public static String capitalize(final String word) {        if (word.length() > 1) {            return String.valueOf(word.charAt(0)).toUpperCase() + word.substring(1);        }        return word;    }

• 在 xml 的 data 节点中导入：

 <import type="com.xfyb.mvvmtest.MyStringUtils"></import>

• 使用方法与 Java 语法一样：

<TextView            android:text="@{MyStringUtils.capitalize(user.name)}"            android:layout_width="wrap_content"            android:layout_height="wrap_content"/>

总结：

1. 使用类中的方法，注意方法的参数和返回值，否则无法正常生成ActivityMainBinding类，导致编译失败

2. 使用类中的方法，与常见的java一样，可以是通过静态方法，也可以与简单应用中对于name的引用一样采用“variable”的格式。

   2、类型别名
   如果我们在 data 节点了导入了两个同名的类怎么办？

<import type="com.example.home.data.User" /><import type="com.examle.detail.data.User" /><variable name="user" type="User" />

这样一来出现了两个 User 类，那 user 变量要用哪一个呢？不用担心，import 还有一个 alias 属性。

<import type="com.example.home.data.User" /><import type="com.examle.detail.data.User" alias="DetailUser" /><variable name="user" type="DetailUser" />

3、Null Coalescing 运算符

android:text="@{user.displayName ?? user.lastName}"

就等价于

android:text="@{user.displayName != null ? user.displayName : user.lastName}"

4、属性值
通过 @{} 可以直接把 Java 中定义的属性值赋值给 xml 属性。

<TextView   android:text="@{user.lastName}"   android:layout_width="wrap_content"   android:layout_height="wrap_content"   android:visibility="@{user.isAdult ? View.VISIBLE : View.GONE}"/>

5、Observable Binding
要实现 Observable Binding，首先得有一个 implement 了接口 android.databinding.Observable 的类，为了方便，Android 原生提供了已经封装好的一个类 - BaseObservable，并且实现了监听器的注册机制。我们可以直接继承 BaseObservable。

public class User extends BaseObservable {    private  String Name;    public void setAge(int age) {        this.age = age;        notifyPropertyChanged(BR.age);    }    public void setName(String name) {        Name = name;        notifyPropertyChanged(BR.name);//通知改变属性    }    private  int age;    public User(String name, int age) {        Name = name;        this.age = age;    }    @Bindable    public int getAge() {        return age;    }    @Bindable    public String getName() {        return Name;    }}

BR 是编译阶段生成的一个类，功能与 R.java 类似，用 @Bindable 标记过 getter 方法会在 BR 中生成一个 entry。
通过代码可以看出，当数据发生变化时还是需要手动发出通知。 通过调用 notifyPropertyChanged(BR.firstName) 可以通知系统 BR.firstName 这个 entry 的数据已经发生变化，需要更新 UI。

6、带 ID 的 View
在使用Data Binding 有效降低了代码的冗余性，甚至完全没有必要再去获取一个 View 实例。我们可以直接在xml中使用id就可以了

<TextView            android:id="@+id/tv_show"            android:layout_width="wrap_content"            android:layout_height="wrap_content"/>

在代码中我们可以直接通过banding中找到（类似于java中的类和属性）。

 binding.tvShow.setText("xxxx");//直接同对象.属性  获取到

运行后的效果：