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

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