Data Binding 详解(三)-可观察(监听)的数据对象

作者:木易
知是行之始,行是知之成。
文章配套的 Demohttps://github.com/muyi-yang/DataBindingDemo

可观察(observable)是指一个对象通知其他对象其数据的更改的能力。 Data Binding 库支持创建可观察的对象、字段或集合。普通的对象都可以用于 Data Binding,但是对象数据改变并不会自动更新 UI 。使用 Data Binding 可以使数据对象能够在其数据更改时通知其他对象(称为监听器)。 有三种不同类型的可观察类: 对象、字段和集合,当其中一个可观察的数据对象绑定到 UI 并且数据对象的值发生更改时,UI 将自动更新。

可观察的字段

当一个类的部分属性要被观察,想做到数据实时反应到 UI 时,你可以使用通用的 Observable 类和以下特定类型的类来使字段可以被观察:

  • ObservableBoolean
  • ObservableByte
  • ObservableChar
  • ObservableShort
  • ObservableInt
  • ObservableLong
  • ObservableFloat
  • ObservableDouble
  • ObservableParcelable
  • ObservableField 从名字可以看出这些可观察的对象都是特定类型的,它只能包含一个特定类型的数据。在使用时,最好创建一个不许变的对象(在 Java 中使用 final 修饰,在 Kotlin 中使用 val 声明),比如:
    1. public class ListActivity extends AppCompatActivity {
    2. ...
    3. public final ObservableField<String> name = new ObservableField<>();
    4. public final ObservableInt index = new ObservableInt();
    5. ...
    6. @Override
    7. protected void onCreate(@Nullable Bundle savedInstanceState) {
    8. super.onCreate(savedInstanceState);
    9. ...
    10. adapter = new ListAdapter();
    11. ...
    12. adapter.setItemClickListener(new ListAdapter.MyItemClickListener() {
    13. @Override
    14. public void onItemClick(View v, int position, CelebrityInfo info) {
    15. name.set(info.getName());
    16. index.set(position);
    17. }
    18. });
    19. ...
    20. }
    21. }
    这里是声明了一个可观察的 String 类型和 int 类型数据,ObservableField 类是万能类,它是可以包含所有对象数据的容器,调用 set() 方法赋值,调用 get() 方法取值。因为它是一个可观察的数据对象(内部通过观察者模式实现),所以当你调用 set() 方法赋值时,它会自动通知绑定了 get() 方法的 UI 刷新数据,这里点击列表的 item 时界面上会自动更新名字和 item 的索引。布局中的使用:
  1. <!--activity_list.xml-->
  2. <?xml version="1.0" encoding="utf-8"?>
  3. <layout xmlns:android="http://schemas.android.com/apk/res/android">
  4. <data>
  5. <variable
  6. name="activity"
  7. type="com.example.databindingdemo.ListActivity" />
  8. ...
  9. </data>
  10. ...
  11. <TextView
  12. ...
  13. android:text="@{@string/click_info(activity.name, activity.index)}"
  14. />
  15. ...
  16. </layout>

可运行 Demo 查看具体效果。

可观察的集合

很多情况下我们会使用一些集合数据,Data Binding 中也提供了相应的可观察的集合类:ObservableArrayMapObservableArrayList。比如:

  1. public class ListActivity extends AppCompatActivity {
  2. ...
  3. public final ObservableArrayList<CelebrityInfo> listData = new ObservableArrayList<>();
  4. ...
  5. @Override
  6. protected void onCreate(@Nullable Bundle savedInstanceState) {
  7. super.onCreate(savedInstanceState);
  8. ...
  9. adapter = new ListAdapter();
  10. binding.setAdapter(adapter);
  11. adapter.setData(listData);
  12. ...
  13. }
  14. }

这里声明了一个 ObservableArrayList 集合,它里面装着列表中的数据。在布局中显示了列表的大小:

  1. <!--activity_list.xml-->
  2. <TextView
  3. ...
  4. android:text="@{@string/list_size(activity.listData.size())}"
  5. ... />

当列表中的数据发生改变时,界面会自动刷新,并显示列表当前的大小。便于观察效果,我延迟了 2 秒后往 listData 中插入了一个数据:

  1. private void getCelebrityList() {
  2. new Handler().postDelayed(new Runnable() {
  3. @Override
  4. public void run() {
  5. CelebrityInfo brock = new CelebrityInfo();
  6. brock.setName("布洛克·莱斯纳");
  7. brock.setWeight(130);
  8. brock.setRetire(false);
  9. brock.setIncome(1000);
  10. brock.setPhoto(R.drawable.brock);
  11. listData.add(1, brock);
  12. }
  13. }, 2000);
  14. ...
  15. }

当你运行 Demo 后可看到具体效果。

ObservableArrayMap 的使用也是类似,和普通 Map 的使用也没什么区别,只不过它是一个可观察的 Map,在数据发送改变时会通知绑定的 UI 进行界面更新。

在前面讲表达式的时候已经讲过集合在布局中的使用(可以使用[]运算符访问集合),这里不再重复讲解。

可观察的对象

实现 Observable接口的类,它就是一个可观察的类,允许希望被通知的对象注册数据更改的监听器。

这个 Observable 接口具有添加和删除监听器的机制,但必须由你来决定什么时候发送通知。为了更方便的开发,Data Binding 提供了实现监听器注册机制的类 BaseObservable。当你自定义的类继承了数据类 BaseObservable 时,需要通过 @Bindable 注解标记 getter 方法为一个可观察的属性,然后通过notifyPropertyChanged()) 方法来通知数据发生改变(通常是在 setter 方法中调用),如下所示:

  1. package com.example.databindingdemo.bean;
  2. import android.databinding.BaseObservable;
  3. import android.databinding.Bindable;
  4. import com.example.databindingdemo.BR;
  5. /**
  6. * @author yanglijun
  7. * @date 19-2-22
  8. */
  9. public class CelebrityInfo extends BaseObservable {
  10. private String name;
  11. private int weight;
  12. private int photo;
  13. private boolean isRetire;
  14. private double income;
  15. @Bindable
  16. public String getName() {
  17. return name;
  18. }
  19. public void setName(String name) {
  20. this.name = name;
  21. notifyPropertyChanged(BR.name);
  22. }
  23. @Bindable
  24. public int getWeight() {
  25. return weight;
  26. }
  27. public void setWeight(int weight) {
  28. this.weight = weight;
  29. notifyPropertyChanged(BR.weight);
  30. }
  31. @Bindable
  32. public int getPhoto() {
  33. return photo;
  34. }
  35. public void setPhoto(int photo) {
  36. this.photo = photo;
  37. notifyPropertyChanged(BR.photo);
  38. }
  39. @Bindable
  40. public boolean isRetire() {
  41. return isRetire;
  42. }
  43. public void setRetire(boolean retire) {
  44. isRetire = retire;
  45. notifyPropertyChanged(BR.retire);
  46. }
  47. @Bindable
  48. public double getIncome() {
  49. return income;
  50. }
  51. public void setIncome(double income) {
  52. this.income = income;
  53. notifyPropertyChanged(BR.income);
  54. }
  55. public void copyObj(CelebrityInfo info){
  56. this.name = info.getName();
  57. this.income = info.getIncome();
  58. this.isRetire = info.isRetire();
  59. this.photo = info.getPhoto();
  60. this.weight = info.getWeight();
  61. notifyPropertyChanged(BR._all);
  62. }
  63. }

这里的所有 getter 方法上都有一个 @Binding 注解,所有的 setter 方法中都有一个 notifyPropertyChanged(BR.xxx) 方法,这两个得成对使用才能达到数据改变则自动刷新的功能。其中 BR.xxx 是你在 getter 方法上增加注解后编译器自动生成的,它类似于 Android 的 R 文件,它里面创建了一系列绑定的 ID,生成规则是根据 getter 方法名而定的(去掉 get,is,按驼峰规则命名)。

setter 方法中调用 notifyPropertyChanged(BR.xxx) 方法是通知这单个属性的数据变化,如果你想一次性通知所有字段的观察者刷新数据则可以调用 notifyPropertyChanged(BR._all) 方法,BR._all 是默认生成的 ID,使用它可以通知对象中所有带 @Binding 注解的方法数据改变。比如:

  1. public class CelebrityInfo extends BaseObservable {
  2. ...
  3. public void copyObj(CelebrityInfo info){
  4. this.name = info.getName();
  5. this.income = info.getIncome();
  6. this.isRetire = info.isRetire();
  7. this.photo = info.getPhoto();
  8. this.weight = info.getWeight();
  9. notifyPropertyChanged(BR._all);
  10. }
  11. }