Google官方支持的MVVM架构框架Data Binding使用入门

转载地址：http://blog.csdn.net/wqc_csdn/article/details/53399737

最新最新推出的MVVM架构是将MVP中的Presenter换成了View Model，也就是Model +View+ViewModel的模式。这种架构方式可以很便捷的进行数据的交互，当数据发生变化时通过ViewModel可以及时的将变化反应到View中去。

本文参考自：http://www.imooc.com/learn/719

http://www.imooc.com/learn/720

DataBinding的引入：

在需要应用DataBinding的Module的gradle文件中添加:

dataBinding{
enabled = true
}

1
2
3
1
2
3

即可。

DataBinding的使用：

在原本的layout布局文件中将最外层的布局标签替换为:

< layout >
//这里边是原本的布局文件
< / layout>

//例如
<layout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools">

<data>
<variable
name="item"
type="com.wei.rxjavademo.Item"/>

<variable
name="presenter"
type="com.wei.rxjavademo.MainActivity.Presenter"/>
</data>

<LinearLayout
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical"
android:paddingBottom="@dimen/activity_vertical_margin"
android:paddingLeft="@dimen/activity_horizontal_margin"
android:paddingRight="@dimen/activity_horizontal_margin"
android:paddingTop="@dimen/activity_vertical_margin"
tools:context="com.wei.rxjavademo.MainActivity">

<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="@{item.content}"/>

<Button
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:text="订阅"/>

<Button
android:onClick="@{() -> presenter.onClickListenerBinding(item)}"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:text="取消订阅"/>

<EditText
android:onTextChanged="@{presenter.onTextChanged}"
android:layout_width="match_parent"
android:layout_height="50dp"/>
</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
51
52
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
51
52

同时在布局文件中加入data标签，用于指定要绑定的数据类：

<data>
<variable
name=""
type=""/>

</data>

//例如

<data>
<variable
name="item"
type="com.wei.rxjavademo.Item"/>
<!--name可以随意根据需要命名，type为该类型的全类名-->

<variable
name="presenter"
type="com.wei.rxjavademo.MainActivity.Presenter"/>
</data>

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19

修改完布局文件之后就可以在Java代码中使用DataBinding了。

mItem = new Item(12, "hello");
//AS会为每一个layout标签自动生成一个Binding类，用于绑定视图
activityMainBinding = DataBindingUtil.setContentView(this, R.layout.activity_main);

//向布局文件中的variable设置变量
activityMainBinding.setItem(mItem);
activityMainBinding.setPresenter(new Presenter());

1
2
3
4
5
6
7
1
2
3
4
5
6
7

Item只是自定义的一个JavaBean，里边只有Id和Content两个属性及其get和set方法

以上就是DataBinding的数据的绑定，接下来还有方法的绑定。

方法的绑定有两种情况：

方法引用绑定：主要是绑定一些已经原有的方法事件，例如onClick，onTextChanged这些方法

监听器绑定：主要是绑定一些自定义的方法事件，可以支持传入数据类型。

方法引用绑定：

自定义一个Presenter类，并在其中实现onClick，onTextChanged等需要的方法，然后在布局文件中直接声明。

在Java中实现onClick方法

public class Presenter {
public void onClick(View view){
Toast.makeText(MainActivity.this, "onClick点击", Toast.LENGTH_SHORT).show();
}
}

1
2
3
4
5
1
2
3
4
5

在布局文件中直接声明方法的引用：

<Button
android:onClick="@{presenter.onClick}"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:text="订阅"/>
<!--在onClick方法中直接声明引用的方法为Presenter中的onClick方法-->

1
2
3
4
5
6
1
2
3
4
5
6

监听器绑定：

也是要先在Presenter中定义需要的方法，并定义好参数：

public class Presenter {
//在这个方法中可以添加需要的参数
public void onClickListenerBinding(Item item){
Toast.makeText(MainActivity.this, item.getContent(), Toast.LENGTH_SHORT).show();
}
}

1
2
3
4
5
6
1
2
3
4
5
6

只是在布局文件中引用的时候有所不同：

<Button
android:onClick="@{() -> presenter.onClickListenerBinding(item)}"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:text="取消订阅"/>
<!--在布局文件中的使用方式为Lambda表达式-->

1
2
3
4
5
6
1
2
3
4
5
6

这样就完成了监听器的绑定。