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其他操作。