DataBinding的使用1

Databinding 解决了不少无需脑力以及重复的代码, 包括findViewById 以及 数据绑定等之类的代码. 接下来, 先介绍 DataBinding的具体使用.

1.在Module的build.gradle android模块中添加如下配置

android {
 dataBinding {
    enabled = true
 }
}

2. 基本使用方法

原先在代码中,我们给一个 activity 设置布局文件都是通过这种方法:

public class MainActivity extends AppCompatActivity{
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
         setContentView(R.layout.activity_main);
    }
}

以及布局文件是这样:

    <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
        xmlns:app="http://schemas.android.com/apk/res-auto"
        xmlns:tools="http://schemas.android.com/tools"
        android:id="@+id/ll_root"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:orientation="vertical"
        tools:context="com.example.databinding.MainActivity">

        <TextView
            android:layout_width="match_parent"
            android:layout_height="60dp"
            android:layout_gravity="center"
            android:gravity="center">

        <TextView
            android:id="@+id/tv_dis"
            android:layout_width="match_parent"
            android:layout_height="60dp"
            android:layout_gravity="center"
            android:background="@color/colorAccent"
            android:gravity="center"/>
    </LinearLayout>

引入 DataBinding 之后,我们的布局文件会使用<layout>包裹, 然后新增了一个<data>节点, 用于声明注入的变量和导入的包, 如下:

<layout>

    <data>

        <variable
            name="activity"
            type="com.example.databinding.MainActivity" />

        <variable
            name="testBean"
            type="com.example.databinding.TestBean" />
    </data>

    <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
        xmlns:app="http://schemas.android.com/apk/res-auto"
        xmlns:tools="http://schemas.android.com/tools"
        android:id="@+id/ll_root"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:orientation="vertical"
        tools:context="com.example.databinding.MainActivity">

        <TextView
            android:layout_width="match_parent"
            android:layout_height="60dp"
            android:layout_gravity="center"
            android:gravity="center"
            android:text="@{testBean.userName}" />

        <TextView
            android:id="@+id/tv_dis"
            android:layout_width="match_parent"
            android:layout_height="60dp"
            android:layout_gravity="center"
            android:background="@color/colorAccent"
            android:gravity="center"
            android:onClick="@{v -> activity.onClick(v)}"
            android:text="点击隐藏/显示include" />

    </LinearLayout>
</layout>

<data>节点是view 和 model 之间交互的桥梁, 通过variable传进来的变量就可以在布局文件中轻松使用, 不在需要 findViewById 之后在进行 set.
如上 textview的 text只需要@{}中添加对应变量的属性即可.
对于点击事件, 也可以通过导入 activity 变量,设置该控件的点击事件
@{v -> activity.onClick(v), 这样我们就不需要在找到这个 view, 同时 setOnClickListener 了, 又节省了2行无脑代码.耶~

在 activity 中, 我们这样实现:

public class MainActivity extends AppCompatActivity implements View.OnClickListener {
    TestBean testBean;
    ActivityMainBinding viewDataBinding;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        viewDataBinding = DataBindingUtil.setContentView(this, R.layout.activity_main);
        testBean = new TestBean();
        viewDataBinding.setVariable(BR.testBean, testBean);
        viewDataBinding.setVariable(BR.activity, this);
    }

    @Override
    public void onClick(View v) {
        if (v.getId() == R.id.tv_dis) {
            //添加对应点击事件
        }
    }

}

当布局文件中使用了 dataBinding 布局后, 编译之后会在 BR 文件中生成对应的变量名, 这样我们可以为 databinding 设置布局中需要的变量. 使用DataBindingUtil.setContentView()替代之前的setContentView(), 生成ActivityMainBinding, ActivityMainBinding 继承ViewDataBinding，这个类的生成是有规则的，它是根据对应的布局文件的名字生成的，比如：activity_main-->ActivityMainBinding 、fragment-->FragmentBinding即：第一个单词首字母大写，第二个单词首字母大写，最后都会拼上Binding就是生成的Binding类。