Android DataBinding 基本操作

Android DataBinding 基本操作

DataBinding 可以允许你直接在布局文件中通过表达式来绑定指定的数据，有点类似于前端双向绑定的框架的vue.js。可以减少大量编码方式的绑定数据。

使用前的准备

要使用DataBinding，将以下代码添加到app的module的build.gradle文件中

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

一个简单的例子

屏幕上居中显示一首诗。

目标：

• 介绍了DataBinding的最基本的使用
• 对DataBinding有一个大概的了解

Step1 定义一个数据类

首先定义一个数据类Poem来保存诗的信息，包括诗的标题和内容

//Poem.java
public class Poem {
    private final String title;
    private final String content;

    public Poem(String title, String content) {
        this.title = title;
        this.content = content;
    }

    public String getContent() {
        return content;
    }

    public String getTitle() {
        return title;
    }
}

Step2 编写布局文件

DataBind的布局文件稍微有点不同，以layout作为根标签，然后 有一个data标签，接着就是view的标签相当于我们过去使用普通的布局文件的跟标签。

data标签包含了一个variable的标签，也就是变量，variable的标签有两个属性，name是变量名，type是数据类型。

有了变量我们就可以将数据绑定到layout中去，在TextView中的android:text，使用表达式poem.title，就可以将poem
的title绑定到TextView

<?xml version="1.0" encoding="utf-8"?>
<layout xmlns:android="http://schemas.android.com/apk/res/android">

    <data>
        <variable
            name="poem"
            type="com.etwge.databindingdemo.data.Poem"/>
    </data>

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

        <TextView
            android:id="@+id/poem_title_text"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="@{poem.title}" />

        <TextView
            android:id="@+id/poem_content_text"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="@{poem.content}" />
    </LinearLayout>
</layout>

小提示 表达式直接引用对象的成员变量时，比如{@{poem.title}}，如果成员变量是private 的必须有对应的get方法，例如例子中的getTitle()方法。

Step3 绑定数据

每个布局文件会自动生成一个binding类，默认的类名就是布局文件的驼峰式命名加上后缀Binding,例如布局文件activity_base_operation 会生成ActivityBaseOperationBinding的绑定类，具体生成类的路径为build/generated/source/apt/debug/ 中，如果没有生成这个类则ReBuild下项目。这个类不会自动导入，需要手动导入。

import com.etwge.databindingdemo.databinding.ActivityBaseOperationBinding;
public class BaseOperationActivity extends AppCompatActivity {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        ActivityBaseOperationBinding binding = DataBindingUtil.setContentView(this, R.layout.activity_base_operation);
        Poem poem = new Poem("静夜思", "床前明月光，疑是地上霜。\n举头望明月，低头思故乡。");
        binding.setPoem(poem);
    }
}

小提示：如果DataBinding绑定的项目在Fragment，ListView 或者 RecyclerView 的adapter 中可以使用inflate()方法绑定类或者使用DataBindingUtil类，如下：

ListItemBinding binding = ListItemBinding.inflate(layoutInflater, viewGroup, false);
// or
ListItemBinding binding = DataBindingUtil.inflate(layoutInflater, R.layout.list_item, viewGroup, false);

最终效果如下：

总结

一个简单的DataBinding的步骤：

• 编写需要绑定的数据类
• 修改布局文件，以layout为跟标签，在data标签声明数据类的对象
• 在Acitivy中导入根据布局文件自动生成的binging类，调用binding类相应的方法设置需要绑定数据类对象。

到此简单DataBinding的例子就完成了。这个例子我们可以学到如何通过DataBinding把一个数据类绑定到视图层中。是不是觉得你已经学会了DataBinding呢，哈哈too young too simple，DataBinding的功能远不止这些，这个例子只用到到了DataBinding的冰山一角，还需要深入的学习才能掌握DataBinding其他操作。

参考

官方文档