MVVM dataBinding 学习心得（2018-09-14）

此篇为转载文章，如有侵权，定会删除
掘金作者：

下位子

原文链接
https://juejin.im/post/5a3bb1096fb9a0451c3a92b1

MVVM dataBinding 学习心得

目录

• 一、MVVM和dataBinding介绍
• 二、初步使用
• 三、其他使用
  • 1. 事件处理
  • 2.viewstub和include
  • 3. @BindingAdapter的使用
  • 4. @BindingConversion的使用
• 四、一些细节
  • 1. 支持的表达式
  • 2. 不支持的Java特性
  • 3. 判空处理
  • 4. 数组集合map处理
  • 5. 资源的访问
• 五、小结

MVVM DataBinding 介绍

MVVM框架类似于早期的MVC和最热的MVP，但是比起这两个更为强势。MV-VM相比于MVP，其实就是将Presenter层替换成了ViewModel层，我们都知道，MVP的好处就是将逻辑代码从View层抽离出来，做到与UI层的低耦合，但是无形中会创造出许多的接口，有些接口很是冗余，不仅如此，当后期修改数据或者添加新的功能还需要修改或是添加接口，很是麻烦。

这个时候MV-VM的优势就体现出来了，ViewModel层所需要做的完全就是跟逻辑相关的代码，完全不会涉及到UI。当数据变化，直接驱动UI的改变，中间省去了冗余的接口。同时，在ViewModel层编写代码中，要求开发者需要将每个方法尽可能的做的功能单一，不与外部有任何的引用或者是联系，无形中提高了代码的健壮性，方便了后期的单元测试。

DataBinding其实就是谷歌出台的工具，是实现UI和数据绑定的框架，View和ViewModel通过DataBinding实现单向绑定或双向绑定，做到UI和数据的相互监听，同时开发者的任务分配也就很明确了，负责ViewModel的小伙伴完全不用考虑UI如何实现，很大程度上提高了代码的开发效率和后期出问题跟踪的准确性，针对这些好处，采用MVVM进行代码开发还是非常有必要的。

初步使用

1. module的build.gradle文件加上一行配置代码

android {
    ...
    dataBinding {
        enabled = true
    }
}
复制代码

2. 创建布局文件

只需要在之前布局的基础上，外层嵌套 即可。

    
        
        
        
    

    
    

    

复制代码

因为XML是不支持自定义导包的，所以通过import先导包，如果类名相同的话可以通过alias进行区分：

复制代码

这个时候会在app\build\generated\source\debug\包名路径下生成对应的binding类，命名方式，举个例子最为直接：

原XML名:activity_main  ----> 生成对应的binding名: ActivityMainBinding
复制代码

3. Activity中替换原来的setContentView()代码

ActivityMainBinding binding = DataBindingUtil.setContentView(this, R.layout.activity_main);
复制代码

4. 接下来就是关键的ViewModel层

a. 单向绑定

咱们先从简单的开始，DataBinding有个很大的好处就是摒弃原生findViewById频繁的遍历视图层和ButterKnife的反射，采用的是数组记录每个view

final Object[] bindings = mapBindings(bindingComponent, root, 8, sIncludes, sViewsWithIds);
复制代码

在XML创建一个TextView

复制代码

在代码中通过binding直接可以获取到这个TextView

mBinding.tvContent
复制代码

那么如何实现单向绑定呢？

Student student = new Student("xiaweizi", 12);
mBinding.setStudent(student);
复制代码

这样就可以直接改变TextView的值。

ViewModel就是简单的数据

public class Student {
    public String name;
    public int age;
    public Student(String name, int age) {
        this.name = name;
        this.age = age;
    }
}
复制代码

b. 双向绑定

之前说的单向绑定，即当数据变化，通过mBinding.setStudent(student)方式驱动UI的改变 而双向绑定，无论View还是ViewModel谁改变，都会驱动另一方的改变，实现双向绑定有两种方式：继承BaseObservable和使用ObservableField创建成员变量。

代码实现： 第一种继承BaseObservable：

public class Student extends BaseObservable{

    // 如果是 public 则在成员变量上方加上 @Bindable 注解
    @Bindable
    public String sex;

    public void setSex(String sex) {
        this.sex = sex;
        notifyPropertyChanged(BR.sex);
    }

    /*************************** 我是分割线 ***************************/
    // 如果是 private 则在成员变量的 get 方法中添加 @Bindable 注解
    private String name;
    @Bindable
    public String getName() {
        return name;
    }
    public void setName(String name) {
        this.name = name;
        notifyPropertyChanged(BR.name);
    }

    public void setSexName(String name, String sex){
        this.name = name;
        this.sex = sex;
        notifyChange();
    }
}
复制代码

这个时候当调用setName()方法,不仅数据改变，UI中的TextView内容也会随之改变。

我们可以发现有两个方法：notifyPropertyChanged()和notifyChange,一个是更新指定的变量，第二个是更新所有该ViewModel中的对象。

而notifyPropertyChanged(int fieldId)里面传的参数，即上面通过@Bindable注解创建对应的变量id。

第二种：使用ObservableField

public class Student extends BaseObservable{

    public ObservableField name = new ObservableField<>();

    private ObservableInt age = new ObservableInt();
    public void setAge(int age) {
        this.age.set(age);
    }
    public int getAge() {
        return age.get();
    }
}
复制代码

通过使用ObservableField创建的对象作用相当于第一种的方案，支持ObservableInt、ObservableBoolean或者是ObservableField指定的类型、ObservableArrayMap、ObservableArrayList