DataBinding基本使用

DataBinding的基本使用（一）

1.DataBinding介绍

2015年谷歌I/O大会上介绍了一个框架DataBinding，DataBinding是一个数据绑定框架，以前我们在Activity里写很多的findViewById，现在如果我们使用DataBinding，就可以抛弃findViewById。DataBinding主要解决了两个问题：
- 需要多次使用findViewById，损害了应用性能且令人厌烦
- 更新UI数据需切换至UI线程，将数据分解映射到各个view比较麻烦

就让我们具体来看看怎么使用它吧。

[注意]:我介绍是基于Android stadio1.5及以上开发工具

2.DataBinding的导入

在应用的build.gradle文件中添加如下代码：

android {    ...    //导入dataBinding支持    dataBinding{        enabled true    }    ...}
1
2
3
4
5
6
7
8
9
10
1
2
3
4
5
6
7
8
9
10

3.DataBinding基本使用包括以下内容：

• 单纯的摆脱findviewbyid
• 绑定基本数据类型及String
• 绑定Model数据
• 绑定事件
• 通过静态方法转换数据类型
• 通过运算符操作数据
• 自定义Binding的类名
• 绑定相同Model的操作
• model变量改变自动更新数据
• 绑定List/Map等集合数据
• Observable自动更新
• Databinding与include标签的结合
• DataBinding与RecyclerView的结合

3.1单纯的摆脱findviewbyid

布局文件

<!--布局以layout作为根布局--><layout>    <!--我们需要展示的布局-->    <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"        xmlns:tools="http://schemas.android.com/tools"        android:layout_width="match_parent"        android:layout_height="match_parent"        android:orientation="vertical"        tools:context="www.zhang.com.databinding.MainActivity">        <Button            android:id="@+id/main_tv1"            android:layout_width="match_parent"            android:layout_height="wrap_content"            android:text="单纯的摆脱findviewbyid" />    </LinearLayout></layout>
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17

布局通过DataBindingUtils.setContentView()加载到代码中，而且会生成对应一个Binding对象，对象名是布局文件文称加上Binding后缀

MainActivity中代码

public class MainActivity extends AppCompatActivity {    private ActivityMainBinding binding;//这个类是自动生成的    @Override    protected void onCreate(Bundle savedInstanceState) {        super.onCreate(savedInstanceState);        //通过DataBInding加载布局都会对应的生成Binding对象，如ActivityMainBinding，对象名在布局文件名称后加上了一个后缀Binding        binding = DataBindingUtil.setContentView(MainActivity.this, R.layout.activity_main);        //通过binfding.id名称---就相当于获取了改控件对象了        binding.mainTv1.setOnClickListener(new View.OnClickListener() {            @Override            public void onClick(View v) {                binding.mainTv1.setText("没有findviewbyid了");            }        });    }}
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18

通过Binding对象.id名称，就相当于拿到了指定的布局中的id的控件了，使用起来和findviewbyid获取的控件是一样的

3.2绑定基本数据和String

布局文件

<?xml version="1.0" encoding="utf-8"?><!--布局以layout作为根布局--><layout>    <data>        <!--绑定基本数据类型及String-->        <!--name:   和java代码中的对象是类似的，名字自定义-->        <!--type:   和java代码中的类型是一致的-->        <variable            name="content"            type="String" />        <variable            name="enabled"            type="boolean" />    </data>    <!--我们需要展示的布局-->    <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"        android:layout_width="match_parent"        android:layout_height="match_parent"        android:orientation="vertical">        <!--绑定基本数据类型及String的使用是通过   @{数据类型的对象}  通过对应数据类型的控制显示-->        <Button            android:id="@+id/main_tv2"            android:layout_width="match_parent"            android:layout_height="wrap_content"            android:clickable="@{enabled}"            android:text="@{content}" />    </LinearLayout></layout>
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31

在布局中是通过@{}来绑定数据的，{}中是布局中该控件属性对应的数据类型数据，同时还可以支持运算符运算和静态方法调用和转换，这个后面会介绍

MainActivity文件中

public class MainActivity extends AppCompatActivity {    private ActivityMainBinding binding;    @Override    protected void onCreate(Bundle savedInstanceState) {        super.onCreate(savedInstanceState);        //通过DataBInding加载布局都会对应的生成一个对象，如ActivityMainBinding，对象名在布局文件名称后加上了一个后缀Binding        binding = DataBindingUtil.setContentView(MainActivity.this, R.layout.activity_main);        //2.绑定基本数据类型及String        binding.setContent("对String类型数据的绑定");//setContent就是给布局文件text属性绑定的content设置值        binding.setEnabled(false);//设置enabled值为false        //给控件设置点击事件，发现其实点击无效，因为在布局文件中给cilckable属性绑定了enabled,在代码中设置enabled值为false，所以点击事件无效        binding.mainTv2.setOnClickListener(new View.OnClickListener() {            @Override            public void onClick(View v) {                Toast.makeText(MainActivity.this, "我被点击了", Toast.LENGTH_SHORT).show();            }        });    }}
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23

3.3绑定model数据

Model数据类型

public class User {    private String text;    public User(String text) {        this.text = text;    }    public String getText() {        return text;    }    public void setText(String text) {        this.text = text;    }}
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15

后面会对model数据做更详细的讲解，这里先让大家知道一下用法

布局文件

<?xml version="1.0" encoding="utf-8"?><!--布局以layout作为根布局--><layout>    <data>        <!--绑定Model数据2中形式，一中是导入该类型的，一种指定类型的全称，和java一样-->        <!--  方式一 -->        <variable            name="user"            type="www.zhang.com.databinding.User" />        <!--  方式二 -->        <!--<import type="www.zhang.com.databinding.User" />-->        <!--<variable-->            <!--name="user"-->            <!--type="User" />-->    </data>    <!--我们需要展示的布局-->    <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"        android:layout_width="match_parent"        android:layout_height="match_parent"        android:orientation="vertical">        <Button            android:id="@+id/main_btn3"            android:layout_width="match_parent"            android:layout_height="wrap_content"            android:text="@{user.text}" /><!--这里user.text相当于user.getText()-->    </LinearLayout></layout>
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30

MainActivity

public class MainActivity extends AppCompatActivity {    private ActivityMainBinding binding;    @Override    protected void onCreate(Bundle savedInstanceState) {        super.onCreate(savedInstanceState);        //通过DataBInding加载布局都会对应的生成一个对象，如ActivityMainBinding，对象名在布局文件名称后加上了一个后缀Binding        binding = DataBindingUtil.setContentView(MainActivity.this, R.layout.activity_main);        //3.绑定model对象数据        User user = new User("绑定Model数据类型");        binding.setUser(user);//或者 binding.setVariable(BR.user,user);    }}
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16

binding设置数据有2中方式:1.binding.setUser(user) 2.binding.setVariable(BR.user,user)–采用BR指定

3.4事件的绑定

布局文件

<?xml version="1.0" encoding="utf-8"?><!--布局以layout作为根布局--><layout>    <data>        <variable            name="event"            type="www.zhang.com.databinding.model.EventListener" />        <variable            name="title1"            type="String" />        <variable            name="title2"            type="String" />        <variable            name="title3"            type="String" />        <variable            name="title4"            type="String" />    </data>    <!--我们需要展示的布局-->        <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"            android:layout_width="match_parent"            android:layout_height="match_parent"            android:orientation="vertical">            <Button                android:layout_width="match_parent"                android:layout_height="wrap_content"                android:onClick="@{event.click1}"                android:text="@{title1}" />            <Button                android:layout_width="match_parent"                android:layout_height="wrap_content"                android:onClick="@{event::click2}"                android:text="@{title2}" />            <!--android:onClick="@{event::click2}"  编译报错没关系，可以运行的-->            <Button                android:layout_width="match_parent"                android:layout_height="wrap_content"                android:onClick="@{()->event.cilck3(title4)}"                android:text="@{title3}" />        </LinearLayout></layout>
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50

事件有多种写法

1.android:onClick="@{event.click1}"2.android:onClick="@{event::click2}"3.android:onClick="@{()->event.cilck3(title4)}"[注]：()->event.cilck3(title4)是lambda表达式写法，也可以写成：(view)->event.cilck3(title4),前面(view)表示onClick方法的传递的参数，如果event.click3()方法中不需要用到view参数，可以将view省略。当然event.click1也可以写成(view)->event.click1(view)，将onClick(View view)的view参数传递给event.click1(view)方法。大概就这意思，以下是伪代码onclick(View view){    event.click1(view)}
1
2
3
4
5
6
7
8
9
10
11
12
1
2
3
4
5
6
7
8
9
10
11
12

EventListener接口

public interface EventListener{    public void click1(View v);    public void click2(View v);    public void cilck3(String s);}
1
2
3
4
5
1
2
3
4
5

MainActivity

public class MainActivity extends AppCompatActivity{    private ActivityMainBinding binding;    @Override    protected void onCreate(Bundle savedInstanceState) {        super.onCreate(savedInstanceState);        //通过DataBInding加载布局都会对应的生成一个对象，如ActivityMainBinding，对象名在布局文件名称后加上了一个后缀Binding        binding = DataBindingUtil.setContentView(MainActivity.this, R.layout.activity_main);        binding.setTitle1("事件绑定1");        binding.setTitle2("事件绑定2");        binding.setTitle3("事件绑定3");        binding.setTitle4("change ok");        binding.setEvent(new EventListener() {            @Override            public void click1(View v) {                binding.setTitle1("事件1方法调用");            }            @Override            public void click2(View v) {                binding.setTitle2("事件2方法调用");            }            @Override            public void cilck3(String s) {                binding.setTitle3(s);            }        });    }}
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33