欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

Android DataBinding 基本操作

程序员文章站 2022-05-14 15:20:27
...

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);

最终效果如下:

Android DataBinding 基本操作

总结

一个简单的DataBinding的步骤:

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

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

参考

官方文档

相关标签: DataBingding