DataBinding的使用总结（一）

前言：

第一次接触DataBinding是在刚进入这家公司的时候，公司原有的项目正是使用的DataBinding，当时为了尽快上手项目也是查阅了一些资料。现在在使用了一年多之后打算总结记录一下。

DataBinding是什么

DataBinding是2015年谷歌I/O大会上介绍的一个数据绑定的框架。是Google对MVVM在Android上的一种实现。也就是说DataBinding是基于MVVM思想实现数据和UI绑定的的框架，有了DataBinding，在Android中也可以很方便的实现MVVM。

Google在2015年7月发布的Android Studio v1.3.0 版本上引入该框架，在2016年4月Android Studio v2.0.0 上正式支持。引入之初并不支持双向绑定，在Android Studio 2.1 Preview 3之后，官方开始支持双向绑定。

DataBinding的好处

最直观的好处就是DataBinding可以帮我们减少很多没必要的代码，大大提高我们的开发效率。比如大量减少使用findViewById()、setText()，setVisibility()，setEnabled()等代码的几率。

DataBinding主要解决了两个问题：
需要多次使用findViewById等无营养的代码，损害了应用性能且令人厌烦
更新UI数据需切换至UI线程，将数据分解映射到各个view比较麻烦

如何在项目中使用DataBinding

在Android studio中 app目录下的build.gradle文件中添加如下代码即可使用DataBinding：

android {
    ....
    dataBinding {
        enabled = true
    }
}

DataBinding 的基本使用

既然是数据和UI进行绑定，那么在DataBinding框架下布局文件将不再是单纯的UI展示，还要有数据部分。所以布局根节点将不再是ViewGroup而是变为layout。并新增了data节点，如下代码展示：

<layout  xmlns:android="http://schemas.android.com/apk/res/android"
         xmlns:app="http://schemas.android.com/apk/res-auto">
    <data>
        <variable
            name="input"
            type="String"/>
    </data>
     <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:orientation="vertical"
        tools:context="com.biaoqi.databindingstudy.MainActivity">

     </LinearLayout>
</layout>

上面部分的data节点为数据与UI提供了一个桥梁。data中声明了一个varaiavle，这个变量为UI元素提供数据，type是这个变量的类型，然后在 Java 代码中把数据与这个 variable 进行绑定。就实现了数据与UI进行绑定。

数据绑定之后布局中的UI元素就可以通过 @{……} 的方式使用这些数据，如下：

 <TextView
    android:layout_width="wrap_content"
    android:layout_marginTop="10dp"
    android:textSize="15sp"
    android:layout_height="wrap_content"
    android:text="@{input}"/>

这里TextView展示的数据就是在Java代码中和input这个变量（variable）绑定的数据。Java中绑定的代码如下：

ActivityMainBinding binding= DataBindingUtil.setContentView(this,R.layout.activity_main);
binding.setInput("随便一点什么内容");

ActivityMainBinding 是自动生成的一个类，Android studio会根据layout文件自动生成一个默认的Binding类，类名是根据layout文件名生成的，并有”Binding”后缀结束。例如：activity_main.xml生成的Binding类为ActivityMainBinding。

通过以上我们就完成了一个简单的数据绑定。

布局中的data节点也支持import，所以：

<data>
    <variable
        name="user"
        type="com.example.lijie.databindingstudy.UserModel"/>
</data>

就等价于：

<data>
    <import type="com.example.lijie.databindingstudy.UserModel"/>
    <variable
        name="user" 
        type="UserModel"/>
</data>

java.lang.* 包中的类会被自动导入，可以直接使用，所以上面 type为String 的input变量在布局中可以使用。

谈一谈数据绑定
理解数据绑定的概念对DataBinding的使用很有帮助。

数据绑定简单来说，就是通过某种机制，把代码中的数据和xml(UI)绑定起来，双方都能对数据进行操作，并且在数据发生变化的时候，自动刷新数据。

以上内容我们试着用datBinding搞了一个数据绑定的小例子，实际上数据绑定分单向绑定和双向绑定两种。

单向绑定中，数据的流向是单方面的，只能从代码流向UI；双向绑定的数据流向是双向的，当业务代码中的数据改变时，UI上的数据能够得到刷新；当用户通过UI交互编辑了数据时，数据的变化也能自动的更新到业务代码中的数据上。

DataBinding现在也支持数据的上相绑定。双向绑定和之前的单向绑定在实现上差别很小，就是”@{}”改成了”@={}”。比如以下代码就能完成在EditText中输入文字的同时实时的在TextView中显示输入的内容。

    <data>
        <variable
            name="input"
            type="String"/>
    </data>
   <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:orientation="vertical"   
        tools:context="com.example.lijie.databindingstudy.MainActivity">
        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginTop="20dp"
            android:layout_marginLeft="15dp"
            android:textSize="16sp"
            android:text="@{input}"/>
        <EditText
            android:layout_width="match_parent"
            android:layout_height="60dp"
            android:layout_marginTop="20dp"
            android:hint="输入一些东西试试"
            android:text="@={input}"
            />
  </LinearLayout>

是不是觉的方便了很多。但是DataBinding的魅力远不止如此。本篇文章只是简单的使用，是最初级的DataBinding的使用，可以为刚学习DataBinding的小伙伴提供一点参考。虽然文章涉及的内容简单但本人也怕出错而误人子弟，所以也是参考了很多大神的文章。个人最喜欢这篇和这篇，大家可以去学习更深入的东西。