DataBinding介绍

最新推荐文章于 2024-02-04 08:34:57 发布
最新推荐文章于 2024-02-04 08:34:57 发布
阅读量2.1k 收藏 5
点赞数 2
分类专栏： android

了解一门新技术，一般从2W1H入手：

  1. 是什么？（What）
  2. 有什么用？（What）
  3. 怎么用？（How）

DataBinding翻译过来就是数据绑定，把数据绑定在控件上。本篇讲述的都是单向绑定，即数据绑定到控件上。现在已经支持双向绑定，也就是说，还可以把控件绑定在数据上，后续介绍。

DataBinding可以代替findViewById，让代码更简洁，而且比注解框架（如ButterKnife）效率高。

开始学习吧……

二、DataBinding使用

2.1 准备工作

环境要求：

  • Gradle 插件版本不低于 1.5.0-alpha1
  • Android Studio 版本要高于 1.3

在module（如：app）的build.gradle中添加dataBinding的使能开关

android {
    compileSdkVersion 24
    buildToolsVersion "23.0.2"

    defaultConfig {
        ...
    }

    // add
    dataBinding{
        enabled true
    }

    ...
 
 
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14

然后使用Sync now同步。

2.2 快速使用

2.2.1 创建一个Bean类

创建一个User类：

public class User{
    String name;
    String nickname;
    boolean isMale;
    int age;

    public User(String name, String nickname, boolean isMale, int age) {
        this.name = name;
        this.nickname = nickname;
        this.isMale = isMale;
        this.age = age;
    }

    /**
     * Getter and Setter，省略
     */
     ...
}
 
 
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
  • 16
  • 17
  • 18

2.2.2 修改xml布局文件

步骤：

  1. 在原布局文件外套一层layout标签，把命名空间移到layout标签内
  2. layout标签内部包含数据模块和样式模块（原布局）
  3. 数据模块使用data标签，定义变量名称name——下面android:text属性中调用的名称，及类型type——定义变量所指的类型或类（如果是自定义类，必须给完整包名+类名）
<?xml version="1.0" encoding="utf-8"?>
<layout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools">

    <data>
        <variable
            name="user"
            type="com.zjun.databinding.demo.bean.User" />
    </data>

    <LinearLayout
        android:id="@+id/activity_fast_use"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:orientation="vertical"
        android:padding="@dimen/activity_vertical_margin"
        tools:context="com.zjun.databinding.demo.FastUseActivity">

        <LinearLayout style="@style/StyleItemParent">

            <Button
                android:id="@+id/btn_load"
                style="@style/StyleBeforeText"
                android:text="数据1" />

            <Button
                android:id="@+id/btn_change"
                style="@style/StyleBeforeText"
                android:text="数据2" />
        </LinearLayout>

        <LinearLayout style="@style/StyleItemParent">

            <TextView
                style="@style/StyleBeforeText"
                android:text="姓名：" />

            <TextView
                style="@style/StyleAfterText"
                android:text="@{user.name}"
                android:onClick="@{user.onNameClick}"/>
        </LinearLayout>

        <LinearLayout style="@style/StyleItemParent">

            <TextView
                style="@style/StyleBeforeText"
                android:text="昵称：" />

            <TextView
                style="@style/StyleAfterText"
                android:text="@{user.nickname ?? user.name}"
                android:onLongClick="@{user.onNicknameLongClick}"/>
        </LinearLayout>

        <LinearLayout style="@style/StyleItemParent">

            <TextView
                style="@style/StyleBeforeText"
                android:text="性别：" />

            <TextView
                style="@style/StyleAfterText"
                android:textColor="@{user.male ? 0xFF0000FF : 0xFFFF0000}"
                android:text='@{user.male ? @string/male : @string/female}' />
        </LinearLayout>

        <LinearLayout style="@style/StyleItemParent">

            <TextView
                style="@style/StyleBeforeText"
                android:text="年龄：" />

            <TextView
                style="@style/StyleAfterText"
                android:textColor="@{user.age &lt; 14  || user.age &gt; 65 ? 0xFFFF0000 : 0xFF000000}"
                android:text='@{String.valueOf(user.age) + " years old"}' />
        </LinearLayout>
    </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
  • 53
  • 54
  • 55
  • 56
  • 57
  • 58
  • 59
  • 60
  • 61
  • 62
  • 63
  • 64
  • 65
  • 66
  • 67
  • 68
  • 69
  • 70
  • 71
  • 72
  • 73
  • 74
  • 75
  • 76
  • 77
  • 78
  • 79
  • 80

2.2.3 xml中的使用语法

上面的数据绑定中，主要是把数据显示android:text属性中（点击事件暂不考虑），必须注意语法：

  1. 每一个变量variable都是由名称name和类型type组成。name可以在布局文件中使用，也可以通过Setter和Getter在代码中使用。type可以是基本数据类型、集合、适配器、自定义类等，除了基本类型，其他都必须把包名写全
  2. 双引号中可以套“`”（Tab键上面，非单引号），单引号内可以套双引号；
  3. 不能直接用boolean和int类型的值。而且int值将被当做资源文件。因此要使用其数值，必须转换成字符串，如（boolean同理）： 
    "@{user.age + ``}"，或 "@{String.valueOf(user.age)}"
  4. 颜色必须使用ARGB制，指定其所有的透明度和单色值，以前的#F00和#FF0000无效，且前面不能加“#”
  5. "@{user.nickname ?? user.name}"，代表user.nickname为null时显示user.name，否则显示自己。等同于"@{user.nickname == null ? user.name : user.nickname}"
  6. 比较运算符，必须使用转义字符： 
    大于号“>”——&gt; 
    小于号“<”——&lt;
  7. 不能直接使用中文（MD），如： 
    android:text='@{user.male ? "男" : "女"}' 
    将报错，得用string引用，改成： 
    android:text='@{user.male ? @string/male : @string/female}'

2.2.4 代码中修改数据

public class FastUseActivity extends AppCompatActivity {
    private ActivityFastUseBinding mBinding;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);

        // 换掉setContentView()
    //        setContentView(R.layout.activity_fast_use);
        mBinding= DataBindingUtil.setContentView(this, R.layout.activity_fast_use);
    }

    public void onClick(View view) {
        User user = new User("张君宝", "张三丰", true, 30);
        mBinding.setUser(user);
    }
    ...
}
 
 
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
  • 16
  • 17
  • 18

其中：

  • ActivityFastUseBinding是由布局文件activity_fast_use.xml的文件名生成的。
  • DataBindingUtil.setContextView()生成的是抽象类ViewDataBinding，但不能用作定义mBinding，因为设置数据时，需要用到其实现类的方法，如setUser()。

运行结果： 
这里写图片描述

2.3 监听事件

可以设置控件的点击与长按事件。 
A. 先定义监听事件处理方法 
在Bean类中添加点击事件：

public class User{
    String name;
    String nickname;
    boolean isMale;
    int age;

    ...

    public void onNameClick(View view) {
        Toast.makeText(view.getContext(), name + " is Clicked", Toast.LENGTH_SHORT).show();
    }

    public boolean onNicknameLongClick(View view) {
        Toast.makeText(view.getContext(), nickname + " is long Clicked", Toast.LENGTH_SHORT).show();
        return true;
    }
 
 
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
  • 16

B. 在xml中使用

...
<TextView
    ...
    android:text="@{user.name}"
    android:onClick="@{user.onNameClick}"/>

...

<TextView
    ...
    android:text="@{user.nickname ?? user.name}"
    android:onLongClick="@{user.onNicknameLongClick}"/>
...
 
 
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13

注意：

  1. 自定义监听事件方法的参数、返回值必须与原监听事件里的方法一样。如点击事件必须与onClick(View view)一样，参数是View，返回值是void；长按事件与onLongCLick(View view)一样，参数是View，返回值是boolean
  2. android:onLongClick会提示没有此属性，但只要不报错就没关系

2.4 include的参数传递

布局文件中，经常会用到include子布局，那如何把父布局中的数据传递给子布局呢？方法就是通过自定义属性。 
【1】子布局layout_include_params.xml——与之前一样，定义数据模块，然后使用就OK：

<?xml version="1.0" encoding="utf-8"?>
<layout ...
    xmlns:tools="http://schemas.android.com/tools">

    <data>

        <variable
            name="user"
            type="com.zjun.databinding.demo.bean.User" />
    </data>

    <LinearLayout
        ...>

        <LinearLayout style="@style/StyleItemParent">

            <TextView
                ...
                android:text="姓名：" />

            <TextView
                ...
                android:text="@{user.name}" />
        </LinearLayout>


        <LinearLayout ...>

            <TextView
                ...
                android:text="年龄：" />

            <TextView
                ...
                android:text="@{String.valueOf(user.age) + ` years old`}" />
        </LinearLayout>
    </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

【2】父布局activity_include_params_post.xml（添加命名空间app，用于自定义属性，然后在include标签中传递数据app:user="@{user}"）：

<?xml version="1.0" encoding="utf-8"?>
<!--为了传递数据给子布局，需要添加自定义属性，先添加命名空间app-->
<layout ...
    xmlns:app="http://schemas.android.com/apk/res-auto" >

    <data>

        <variable
            name="user"
            type="com.zjun.databinding.demo.bean.User" />
    </data>

    <RelativeLayout
        ...>

        <!--通过app:user来传递数据-->
        <include
            layout="@layout/layout_include_params"
            app:user="@{user}" />
    </RelativeLayout>
</layout>
 
 
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
  • 16
  • 17
  • 18
  • 19
  • 20
  • 21

2.5 List集合显示

这里的List的显示，表示把List集合中的对象单独拎出来显示，非适配器Adapter。如把两个User放入List中，然后在父布局中把对象取出来，再传递给子布局。

【1】父布局activity_list_show.xml：

<?xml version="1.0" encoding="utf-8"?>
<layout ...
    xmlns:app="http://schemas.android.com/apk/res-auto" >

    <data>
        <!--import导入User类，与java代码的作用一样。这样下面可以直接引用，否则要写完整的包名+类名。如果导入了两个类名一样的类，可以使用别名alias来区分，变量中type写别名-->
        <import type="com.zjun.databinding.demo.bean.User" />

        <variable
            name="userList"
            type="java.util.List&lt;User&gt;" />
    </data>

    <LinearLayout
        ... >

        <!--与操作数组一样，用中括号获取List中的对象-->
        <include
            layout="@layout/layout_include_list"
            ...
            app:user="@{userList[0]}" />

        <include
            layout="@layout/layout_include_list"
            ...
            app:user="@{userList[1]}" />

    </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

【2】子布局layout_include_list.xml：

<?xml version="1.0" encoding="utf-8"?>
<layout xmlns:android="http://schemas.android.com/apk/res/android">

    <data>
        <variable
            name="user"
            type="com.zjun.databinding.demo.bean.User" />

    </data>

    <TextView
        ...
        android:text="@{user.name + `[` + user.nickname + `, ` + (user.male ? `男` : `女`) + `, ` + user.age +`]`}" />
</layout>
 
 
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14

【3】代码中设置数据：

@Override
protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    ActivityListShowBinding binding = DataBindingUtil.setContentView(this, R.layout.activity_list_show);
    List<User> userList = new ArrayList<>();
    userList.add(new User("黄药师", "东邪", true, 30));
    userList.add(new User("欧阳锋", "西毒", true, 33));
    binding.setUserList(userList);
}
 
 
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9

结果： 
这里写图片描述

注意：

  1. 在type中的泛型同样不能使用”<”与”>”，必须使用转义字符"&lt;"和"&gt;"
  2. 转义字符在type中会包红色错误，可忽略，编译时能通过
  3. 不能直接使用android:text="@{userList[0]}"，即使你想打印对象的地址，也不行。这样使用的后果是：每个databing都报“程序包不存在”的错误，连之前正常的也错了。会懵逼的
  4. 子布局中的(user.male ? `男` : `女`)，必须用小括号括起来
  5. android:text中的数据组合很长，但也只能写一行，目前还不知如何分行

2.6 自定义属性——ImageView显示图片

2.6.1 使用注解，在代码中实现自定义属性的添加

这里专门使用了一个类DBUtils，来封装Databinding的注解

public class DBUtils {
    /**
     * 使用DataBinding来加载图片
     * 使用@BindingAdapter注解，注解值（这里的imageUrl）可任取，注解值将成为自定义属性
     * 此自定义属性可在xml布局文件中使用，自定义属性的值就是这里定义String类型url
     * 《说明》：
     * 1. 方法名可与注解名一样，也可不一样
     * 2. 第一个参数必须是View，就是自定义属性所在的View
     * 3. 第二个参数就是自定义属性的值，与注解值对应。这是数组，可多个
     * 这里需要INTERNET权限，别忘了
     *
     * @param imageView     ImageView控件
     * @param url           图片网络地址
     */
    @BindingAdapter({"imageUrl"})
    public static void loadImage(ImageView imageView, String url) {
        if (url == null) {
            imageView.setImageResource(R.mipmap.ic_launcher);
        } else {
            Glide.with(imageView.getContext()).load(url).into(imageView);
        }
    }
}
 
 
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
  • 16
  • 17
  • 18
  • 19
  • 20
  • 21
  • 22
  • 23

2.6.2 在xml布局文件中使用自定义属性

先把命名空间写上：xmlns:app="http://schemas.android.com/apk/res-auto" 
再使用自定义属性imageUrl

<?xml version="1.0" encoding="utf-8"?>
<layout ...
    xmlns:app="http://schemas.android.com/apk/res-auto" >

    <data>

        <variable
            name="imgUrl1"
            type="String" />

        <variable
            name="imgUrl2"
            type="String" />

    </data>

    <RelativeLayout
        ...>

        <!--使用自定义属性imageUrl-->
        <ImageView
            ...
            app:imageUrl="@{imgUrl1}" />

        <ImageView
            ...
            app:imageUrl="@{imgUrl2}" />

    </RelativeLayout>
</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

2.6.3 代码中设置自定义属性值

// 获取Activity***Binding就省略了
binding.setImgUrl1("http://avatar.csdn.net/4/9/8/1_a10615.jpg");
binding.setImgUrl2(null);
 
 
  • 1
  • 2
  • 3

运行结果： 
这里写图片描述

2.6 ListView

ListView的展示全靠BaseAdapter，在DataBinding中也不例外。这个相对来复杂点，先把步骤写下：

  1. 创建BaseAdapter的子类，因为此类可通用，所以称CommonAdapter。内部实现核心代码
  2. 在主布局文件中定义变量，type类型可为BaseAdapter，也可为CommonAdapter。并把变量设置给自定义属性adapter
  3. 子布局中通过Bean来设置变量
  4. 在代码中创建CommonAdapter实例，并设置给DataBinding变量

再一步一步来完成：

2.6.1 创建通用的适配器CommonAdapter

public class CommonAdapter extends BaseAdapter {
    private Context mContext;
    private List<User> mDataList;
    private int layoutId; // 条目布局ID
    private int variableId; // DataBinding的变量ID，可通过类似R文件的BR文件来获取

    public CommonAdapter(Context context, List<User> dataList, int layoutId, int variableId) {
        this.mContext = context;
        this.mDataList = dataList;
        this.layoutId = layoutId;
        this.variableId = variableId;
    }

    @Override
    public int getCount() { return mDataList.size(); }

    @Override
    public Object getItem(int position) { return mDataList.get(position); }

    @Override
    public long getItemId(int position) { return position; }

    @Override
    public View getView(int position, View convertView, ViewGroup parent) {
        // 没有ViewHolder的复用，但Databinding内部已经实现了复用
        ViewDataBinding binding;
        if (convertView == null) {
            binding = DataBindingUtil.inflate(LayoutInflater.from(mContext), layoutId, parent, false);
        } else {
            binding = DataBindingUtil.getBinding(convertView);
        }
        binding.setVariable(variableId, mDataList.get(position));
        return binding.getRoot();
    }
}
 
 
  • 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

2.6.2 主布局文件中设置适配器

<?xml version="1.0" encoding="utf-8"?>
<layout ...
    xmlns:app="http://schemas.android.com/apk/res-auto"
    >

    <data >
        <variable
            name="lvAdapter"
            type="com.zjun.databinding.demo.adapter.CommonAdapter" />
            <!--或：type="android.widget.BaseAdapter" />-->
    </data>

    <RelativeLayout
        ...>

        <!--使用自定义属性adapter，因为有setAdapter()方法，所以无需定义-->
        <ListView
            ...
            app:adapter="@{lvAdapter}"
            />
    </RelativeLayout>
</layout>
 
 
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
  • 16
  • 17
  • 18
  • 19
  • 20
  • 21
  • 22

2.6.3 条目布局中设置数据

这个简单，上面都已经讲过了的

<?xml version="1.0" encoding="utf-8"?>
<layout ...
    xmlns:app="http://schemas.android.com/apk/res-auto">

    <data>
        <variable
            name="user"
            type="com.zjun.databinding.demo.bean.User" />
    </data>

    <LinearLayout
        ...>

        <ImageView
            ...
            app:imageUrl="@{user.icon}" />

        <TextView
            ...
            android:text="@{user.name}" />
    </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

2.6.4 给ListView设置Adapter

protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        ActivityListViewBinding binding = DataBindingUtil.setContentView(this, R.layout.activity_list_view);

        List<User> list = new ArrayList<>();
        for (int i = 0; i < 100; i++) {
            // 3个网络图片1个本地图片，依次循环
            User user = new User("user" + i, (i & 0x03) < 3 ? "http://avatar.csdn.net/4/9/8/1_a10615.jpg" : null);
            list.add(user);
        }

        // 创建Adapter。BR类似与R文件，用于存储变量名称。位置也与R一样，在app包名下
        CommonAdapter adapter = new CommonAdapter(this, list, R.layout.item_list_view, BR.user);
        binding.setLvAdapter(adapter);
    }
 
 
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15

结果： 
这里写图片描述

2.7 ListView的条目更新

在普通的ListView中，更新数据后要立马展示到界面上，需要notifyDataSetChanged()。在但这里，Databinding里使用的是观察者模式。

实现步骤：

  1. 在Bean类中继承观察者BaseObservable
  2. 在需要被观察的属性getter方法上添加注解@Bindable。因为xml中就是通过getter来获取值的，这里也是为了在BR文件生成此字段标识
  3. 在更新的方法中，添加属性更新通知方法：notifyPropertyChanged(int variableId);。一般把它放在Setter方法中，因为属性值都是通过这里改变的。

代码 
Bean类：

// 1、继承BaseObservable
public class Member extends BaseObservable{
    private String name;
    private String icon;

    public Member(String name, String icon) {
        this.name = name;
        this.icon = icon;
    }

    // 2、在属性值的Getter上添加@Bindable注解
    @Bindable
    public String getName() {
        return name;
    }

    // 3、在更新的地方添加属性更新通知方法：notifyPropertyChanged(filedId);
    public void setName(String name) {
        this.name = name;
        notifyPropertyChanged(com.zjun.databinding.demo.BR.name);
    }

    public String getIcon() {
        return icon;
    }

    public void setIcon(String icon) {
        this.icon = icon;
    }

    public void onItemClick(View view) {
        setName(name + "【已更新】");
    }
}
 
 
  • 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

布局文件（在整个条目上设置点击事件，也可以设置在某个控件上）：

<?xml version="1.0" encoding="utf-8"?>
<layout ...
    xmlns:app="http://schemas.android.com/apk/res-auto">

    <data>
        <variable
            name="member"
            type="com.zjun.databinding.demo.bean.Member" />

    </data>

    <!--设置点击事件-->
    <LinearLayout
        ...
        android:onClick="@{member.onItemClick}">

        <ImageView
            ...
            app:imageUrl="@{member.icon}" />

        <TextView
            ...
            android:text="@{member.name}" />
    </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

Activity中的代码同上，不过我把CommonAdapter的User改成了泛型，以便通用。 
结果： 
这里写图片描述

还有两种方法：ObserableField和ObservableMap，见最后的参考1或2

2.8 添加自定义属性用非static方法

前面我们加载图片的时候，使用了注解@BindingAdapter({"imageUrl"})，和static静态方法来添加自定义属性。但static没有非static功能多，有时就要用到对象等，怎么办？

DataBinding里也可以通过component组件的方式，来实现非static来添加自定义属性：

  1. 在自定义类中对添加自定义属性的非static方法，添加@BindingAdapter注解
  2. 创建自定义组件类，实现DataBindingComponent。这时会自动报错，提示需要实现获取1中类的方法（静态的就不需要了）。那就实现此方法
  3. 把组件对象设置给DataBinding

代码实现：

2.8.1 自定义类中添加非static方法，用于添加自定义属性

public class NotStaticUtils {
    @BindingAdapter({"imgSrc"})
    public  void showImg(ImageView imageView, String src) {
        if (src == null) {
            imageView.setImageResource(R.mipmap.ic_launcher);
        } else {
            Glide.with(imageView.getContext()).load(src).into(imageView);
        }
    }
}
 
 
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10

2.8.2 创建自定义组件类，并实现方法

public class MyComponent implements DataBindingComponent{
    private NotStaticUtils utils;

    @Override
    public NotStaticUtils getNotStaticUtils() {
        if (utils == null) {
            utils = new NotStaticUtils();
        }
        return utils;
    }
}
 
 
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11

2.8.3 把自定义组件设置给DataBinding

@Override
protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);

    // 方法一、设置默认的组件
    DataBindingUtil.setDefaultComponent(new MyComponent());

    ActivityNotStaticBinding dataBinding = DataBindingUtil.setContentView(this, R.layout.activity_not_static);

    // 方法二、直接在构造中传入，这里是单独地给本DataBinding指定自定义组件
    // ActivityMainBinding binding = DataBindingUtil.setContentView(this, R.layout.activity_main, new Component());

    dataBinding.setSrc1("http://avatar.csdn.net/4/9/8/1_a10615.jpg");
    dataBinding.setSrc2(null);
}
 
 
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15

2.8.4 xml中使用

这个跟上面一样，就是名称改了一下而已。核心如下：

<variable
    name="src1"
    type="String" />

    ...

    <!--使用自定义属性imgSrc-->
    <ImageView
        ...
        app:imgSrc="@{src1}" />
 
 
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10

2.9 在Fragment中使用

Fragment都有独立的布局，好像与Activity没有什么关系，但DataBinding中有一个方法可以绑定View：DataBindingUtil.bind(View root)。

2.9.1 布局文件

<layout ...>
    <data>
        <variable name="province" type="String" />
        <variable name="city" type="String" />
    </data>

    <LinearLayout ...>
        <TextView ...
            android:text="@{province}" />

        <TextView ...
            android:text="@{city}" />
    </LinearLayout>
</layout>
 
 
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14

2.9.2 Fragment中绑定

获取DataBinding的方式有三种：

  1. 在onCreateView通过inflate()，然后通过getRoot()返回View。然后直接设置data变量值
  2. 通过bind()方法，返回布局Binding（根据布局自动生成的）。然后直接设置data变量值
  3. 通过bind()方法，返回布局Binding的父类ViewDataBinding。然后通过setVariable()给指定变量设置值
private FragmentShowBinding mBinding;

@Override
public View onCreateView(LayoutInflater inflater, ViewGroup container,
                         Bundle savedInstanceState) {
    return inflater.inflate(R.layout.fragment_show, container, false);
    // 或，在这里获取DataBinding
//        mBinding = DataBindingUtil.inflate(inflater, R.layout.fragment_show, container, false);
//        return mBinding.getRoot();
}

@Override
public void onViewCreated(View view, @Nullable Bundle savedInstanceState) {
    super.onViewCreated(view, savedInstanceState);

    // 绑定View
    mBinding = DataBindingUtil.bind(view);
    mBinding.setProvince("浙江");
    mBinding.setCity("宁波");

    // 或，获取父类ViewDataBinding，然后通过设置变量的方法
//        ViewDataBinding binding = DataBindingUtil.bind(view);
//        binding.setVariable(BR.province, "江西");
//        binding.setVariable(BR.city, "赣州");
}
 
 
  • 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

2.10 RecyclerView

RecyclerView跟ListView一样，有一个适配器Adapter。但要正常显示，RecyclerView还需要一个LayoutManager（第一次就不小心就掉此坑了）。

网上有的方法是只在item条目里使用Databinding，RecyclerView还是通过findViewById来获取。但这里是Databinding，所以我这里就不要findViewById了。

在Databinding的世界里，如果这个View有setter方法，直接使用即可，没有我们可以自定义属性（见2.6）。比如要添加分割线，自己去玩吧。

直接看代码来看步骤逻辑：

2.10.1 activity中的布局

activity_recycler_view.xml

<?xml version="1.0" encoding="utf-8"?>
<layout ...>

    <data >
        <variable
            name="rvLayoutManager"
            type="android.support.v7.widget.LinearLayoutManager" />
        <variable
            name="rvAdapter"
            type="com.zjun.databinding.demo.adapter.RVAdapter" />
        <!--或：type="android.support.v7.widget.RecyclerView.Adapter" />-->
    </data>

    <RelativeLayout ...>

        <android.support.v7.widget.RecyclerView
            ...
            app:layoutManager="@{rvLayoutManager}"
            app:adapter="@{rvAdapter}"
            />
    </RelativeLayout>
</layout>
 
 
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
  • 16
  • 17
  • 18
  • 19
  • 20
  • 21
  • 22

2.10.2 item条目布局

跟上面ListView的条目布局一样 
item_recycler_view.xml

<?xml version="1.0" encoding="utf-8"?>
<layout ...>

    <data>
        <variable name="member" type="com.zjun.databinding.demo.bean.Member" />
    </data>

    <LinearLayout ...>

        <ImageView ...
            app:imageUrl="@{member.icon}" />

        <TextView ...
            android:text="@{member.name}" />
    </LinearLayout>
</layout>
 
 
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
  • 16

2.10.3 适配器及Activity中的代码

有两种写法，第一种是官方的，第二种通用性好。官方的里面，条目布局都不用（哈哈，是不是可以在新手面前装一下？但查看代码时，不能直接跳到布局文件，要显示也可以，根据上一节Fragment自己去修改吧） 
一、官方办法

public class RVAdapter extends RecyclerView.Adapter<RVAdapter.RVHolder> {
    private Context mContext;
    private List<Member> mDataList;

    public RVAdapter(Context context, List<Member> list) {
        this.mContext = context;
        this.mDataList = list;
    }

    @Override
    public RVHolder onCreateViewHolder(ViewGroup parent, int viewType) {
        return RVHolder.create(LayoutInflater.from(mContext), parent);
    }

    @Override
    public void onBindViewHolder(RVHolder holder, int position) {
        holder.bindTo(mDataList.get(position));
    }

    @Override
    public int getItemCount() {
        return mDataList == null ? 0 :mDataList.size();
    }

    static class RVHolder extends RecyclerView.ViewHolder {
        // 创建一个静态获取方法
        static RVHolder create(LayoutInflater inflater, ViewGroup parent) {
            ItemRecyclerViewBinding binding = ItemRecyclerViewBinding.inflate(inflater, parent, false);
            return new RVHolder(binding);
        }

        ItemRecyclerViewBinding mBinding;

        private RVHolder(ItemRecyclerViewBinding binding) {
            super(binding.getRoot());
            this.mBinding = binding;
        }

        public void bindTo(Member member) {
            mBinding.setMember(member);
            // 它使数据绑定刷新所有挂起的更改。这官方的解释好难懂，其实功能就是让数据立即展示在布局上
            mBinding.executePendingBindings();
        }
    }
}
 
 
  • 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

activity中使用：

@Override
protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);

    ActivityRecyclerViewBinding binding = DataBindingUtil.setContentView(this, R.layout.activity_recycler_view);

    // 模拟数据
    List<Member> list = new ArrayList<>();
    for (int i = 0; i < 100; i++) {
        // 1个网络图片1个本地图片，依次循环
        Member member = new Member("user" + i, (i & 0x01) == 0 ? "http://avatar.csdn.net/4/9/8/1_a10615.jpg" : null);
        list.add(member);
    }

    // 设置布局管理器，及适配器
    binding.setRvLayoutManager(new LinearLayoutManager(this, LinearLayoutManager.VERTICAL, false));
    binding.setRvAdapter(new RVAdapter(this, list));
}
 
 
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
  • 16
  • 17
  • 18

二、通用办法

public class RVAdapter extends RecyclerView.Adapter<RVAdapter.RVHolder> {
    private Context mContext;
    private List<Member> mDataList;
    private int mLayoutId;      // 条目布局文件ID
    private int mVariableId;    // DataBinding变量ID

    public RVAdapter(Context context, List<Member> list, int layoutId, int variableId) {
        this.mContext = context;
        this.mDataList = list;
        this.mLayoutId = layoutId;
        mVariableId = variableId;
    }

    @Override

    public RVHolder onCreateViewHolder(ViewGroup parent, int viewType) {
        ViewDataBinding binding = DataBindingUtil.inflate(LayoutInflater.from(mContext), mLayoutId, parent, false);
        RVHolder holder = new RVHolder(binding.getRoot());
        holder.binding = binding;
        return holder;
    }

    @Override
    public void onBindViewHolder(RVHolder holder, int position) {
        holder.binding.setVariable(mVariableId, mDataList.get(position));
        // 别忘记这句代码
        holder.binding.executePendingBindings();
    }

    @Override
    public int getItemCount() {
        return mDataList == null ? 0 :mDataList.size();
    }

    class RVHolder extends RecyclerView.ViewHolder {
        ViewDataBinding binding;

        RVHolder(View view) {
            super(view);
        }
    }
}
 
 
  • 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

activity中把setAdapter()代码，改成这句这就好了：

binding.setRvAdapter(new RVAdapter(this, list, R.layout.item_recycler_view, BR.member));
 
 
  • 1

三、常见坑

DataBinding的错误很难找，但基本都是在xml文件中出错的。要仔细

3.1 Error:(8, 45) 错误: 程序包com.zjun.databinding.demo.databinding不存在

很难找到具体原因，一个一个排查吧：

  1. 查看Bean类中是否有getter方法，且getter方法是否正常
  2. 检查语法，包括一对大括号，其他见2.2.3 xml中的使用语法

四、开源Demo

传送门

五、参考

  1. 棉花糖给 Android 带来的 Data Bindings（数据绑定库）
  2. Android-MVVM架构-Data Binding的使用
  3. 千锋教育Android开发视频_DataBinding（自行百度）

  1. Android数据绑定框架DataBinding，堪称解决界面逻辑的黑科技
参考资料: http://blog.csdn.net/a10615/article/details/52781956

男儿当自强-
关注
  • 2
    点赞
  • 踩
  • 5
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Android技术栈(四)Android-Jetpack-MVVM-完全实践，Android组件化开发教程
m0_64604178的博客
11-30 756
你在xml设置的变量他会在这个类中为你生成对应的Getter和Setter.你可以调用它们给界面赋值,比如之前的我们定义的action. //这里的代码是Java8的lambda mBinding.setAction(v->{ //TODO }) 2.3.5 使用BR文件 它还会为你生成一个类似R的BR文件,里面包含了你在DataBinding风格xml中定义的所有变量名的引用(由于使用的是APT生成,有时候需要Rebuild Project才能刷新),比如我们之前的action,它会为我们生成BR.
视图绑定（ViewBinding ）与数据绑定（Databinding）
weixin_37873786的博客
09-28 3924
视图绑定（ViewBinding ）与数据绑定（Databinding） 什么是ViewBinding viewbinding是android jetpack的一个特性，通过viewbinding功能，您可以更轻松地编写可与视图交互的代码。在模块中启用viewbinding之后，系统会为该模块中的每个 XML 布局文件生成一个绑定类。绑定类的实例包含对在相应布局中具有 ID 的所有视图的直接引用。 用法 如何配置Viewbinding 在每一个模块中的build.gradle中进行如下配置 android
DataBinding快速入门（还在用findViewById？）
热门推荐
Ralap Zhong的专栏
11-21 1万+
一、DataBinding介绍 了解一门新技术，一般从三个W一个H入手： 是什么？（What） 干什么用？（What） 有什么好处？（What） 怎么用？（How） 二、DataBinding使用 2.1 准备工作 2.2 快速使用 user.nickName ?? user.name user.name + `(` + user.age +`)` us
[Angular 基础] - 数据绑定(databinding)
最新发布
GoldenaArcher的博客
02-04 1251
Angular 之中的 databinding 是一个相对而言更加复杂，以及我个人觉得相对而言比较灵活的部分——较之 React 的单项数据流而言，Angular 是可以实现双重绑定的：对于 React 来说，则是需要调用从 ViewModel 中传给 View 层的事件，随后 ViewModel 更新数据，再传递到 View 层，总体上来说 React 的代码更加的可靠(因为数据/事件的流动是单一的)，但是也会碰到情况——如嵌套较深时，事件的触发与数据的更新就会产生比较麻烦的情况。
databinding介绍
qq_41818873的博客
11-04 4819
1、DataBinding介绍 DataBinding 是 Google 在 Jetpack 中推出的一款数据绑定的支持库，利用该库可以实现在页面组件中直接绑定应用程序的数据源。使其维护起来更加方便，架构更明确简介。所谓的绑定，是绑定什么呢？ 数据直接绑定到UI上，数据改变时UI自动更新 UI上的数据绑定到变量中，当数据(如EditText中的数据)改变时自动更新 DataBinding非常适合用于MVVM模式中充当View和ViewModel的双向通讯的工具，引入DataBinding之后，我们可以少
Android DataBinding 简单使用（findViewById）
sgxyy0的博客
01-04 209
Android DataBinding 简单使用（findViewById）
DataBinding梳理
王温暖的博客
12-01 1764
一、什么是DataBinding: Databinding 是一个Google开源的实现数据和UI绑定的框架，是一个实现 MVVM 模式的工具。有了 Data Binding，在Android中也可以很方便的实现MVVM开发模式。 二、关于MVVM 模式： 相比于Android中正常的MVC模式，MVVM中： 1.XML中设置view对应的数据 2.Binding负责将数据同步到UI或者将UI上的数据修改同步到数据中 3.各个Activity、Fragment或者其他类只负责更新数据，UI的更新
AndroidDataBinding原理解析
02-25
首先声明，本文讲解的Android...DataBinding框架是去年谷歌I/O大会上介绍的“新技术”，数据绑定框架能够给我们带来了一定的方便，无需findviewByID操作也可获取View，数据Model更新自动映射到控件上……AndroidDatab
DataBinding-Example
09-23
该例子简单介绍了如何使用Data Binding Library来开发App，Data Binding是谷歌针对 MVVM 在Android上的实现，相关文章介绍http://blog.csdn.net/wangjiang_qianmo/article/details/52442616。
DataBinding onClick的七种点击方式
08-25
主要给大家介绍了关于DataBinding onClick的七种点击方式，文中通过示例代码介绍的非常详细，对各位Android开发者们具有一定的参考学习价值，需要的朋友们下面来一起学习学习吧
Android 开发之dataBinding与ListView及事件
09-01
主要介绍了Android 开发之dataBinding与ListView及事件的相关资料,非常不错，具有参考借鉴价值，需要的朋友可以参考下
DataBinding玩转MVVM开发实战
01-18
2015年谷歌I/O大会上介绍了一个数据绑定框架DataBinding。2016年，2017年毫无意外成了项目实战中主流框架。使用它我们可以轻松实现MVVM（模型-视图-视图模型）模式，来实现应用之间数据与视图的分离、视图与业务逻辑...
DataBinding基本使用
02-09
dataBinding基本使用方法
MVVM之DataBinding布局使用自定义View
季小心的博客
09-15 3911
某日，我打算用databinding写一个布局，体验一下MVVM的快乐，于是，发生了接下来的故事。 我要实现的大概是这么一个布局： 于是，我首先写了这么一个自定义的组合控件 class SpecialText : ConstraintLayout { constructor(context: Context, attrs: AttributeSet) : this(context, attrs, 0) constructor(context: Context, attrs: Attribu
适用于Android开发者的Databinding自定义view双向绑定
1
04-14 3051
作者：BuildF 前言 本篇默认读者已经对databinding 有过一定的了解，如果不甚了解，可以看看东哥的DataBinding最全使用说明，很多人排斥databinding,但也有人喜欢使用。虽然它有争议，但是不妨碍我们去学习、了解。 本篇讲述的是自定义view如何来双向绑定数据，来实现在xml中使用自定义也能达到 app:customvalue="@={userName}"的效果 app:xx=“@{userName}” 单向绑定 app:xx=“@={userName}” 双向绑定 引入.
Android DataBinding (五) 自定义 View 的双向绑定
teletian的专栏
07-16 1万+
前言自定义 View 的时候如果用到非系统定义的属性的时候，如果要实现双向绑定，不是用了 @= 就行的，自定义 View 中还需要一些设置。下面通过一个例子来说明自定义 View 的双向绑定的实现。例子要求： 1. 通过 RadioButton 来选择爱好（爱好的选项是：吃饭 / 睡觉 / 打豆豆） 2. 画面加载的时候显示初始的爱好值（将 ViewModel 里设好的值传到 RadioButt
Android DataBinding 自定义View实现数据双向绑定
吃饭不玩手机的博客
03-26 1293
setNumberListener() 用于给框架设置数据变化监听，当监听到变化时，框架就会调用getNumber()来获取数据并应用到ViewMode上。（方法内部调用了一个ListenerUtil.trackListener()方法，这是官方的推荐的写法，用于监听器类型是集合的情况下，如果是set/get之类的那就直接set新的监听器即可。setNumber() 用于把数据设置到View上，这里还需要添加数据是否重复，重复了就return，不然有概率会死循环。成功的实现了双向数据绑定。
mvvm databinding include用法
qq_34900897的博客
02-15 4358
可能是我的性格原因，话比较少直接入正题，没有什么要说的，呵呵，直接上代码，先看include.xml &lt;?xml version="1.0" encoding="utf-8"?&gt; &lt;layout xmlns:android="http://schemas.android.com/apk/res/android"&gt; &lt;data&gt; &
Android——GT-DataBinding(彻底解放 findViewById)
GSLS
11-12 3241
熟悉 GT 库的朋友们有福了，我们一起来看看组件获取组件的变化 第一版：Android 原生版本 public class MainActivity extends AppCompatActivity { private TextView tv;//定义组件 @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState);
介绍下Android DataBinding
05-18
Android DataBinding是一种用于将数据绑定到用户界面元素的库。它允许您将应用程序逻辑和用户界面分开，使代码更加模块化和易于维护。 DataBinding使用XML布局文件来定义UI元素，并使用绑定表达式将UI元素绑定到...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值