DataBinding ObserVable 雙向綁定

Observable觀察者

我們知道,Data Binding中如果我們直接修改Model實體對象(也就是POJO)中的數(shù)據(jù),這些數(shù)據(jù)并不能直接更新到UI,所以Data Binding給了我們一套很好的通知機制,分別有三類: Observable objects, observable fields, and observable collections,分別表示觀察對象、觀察字段、觀察集合,若相應的對象、字段、集合中數(shù)據(jù)變化時候,那么UI將會自動更新數(shù)據(jù)。下面我們一一來介紹它們的用法:

Observable objects

因為Observable是個接口,Google為我們提供了一個BaseObservable類,我們只要把Model類繼承自它就獲得了通知UI更新數(shù)據(jù)的能力了,再getter方法上添加Bindable注解,在setter方法中使用notifying提醒UI更新數(shù)據(jù)。

private static class User extends BaseObservable {
   private String userName;
   private String userPassword;
   public User(String userName, String userPassword) {
        this.userName = userName;
        this.userPassword = userPassword;
    }

    @Bindable
    public String getUserName() {
        return userName;
    }

    public void setUserName(String userName) {
        this.userName = userName;
        notifyPropertyChanged(BR.userName);
    }

    @Bindable
    public String getUserPassword() {
        return userPassword;
    }

    public void setUserPassword(String userPassword) {
        this.userPassword = userPassword;
        notifyPropertyChanged(BR.userPassword);
    }
}

首先我們需要在getter方法上添加Bindable注解后,Bindable注解會自動生成一個BR類,該類位于app module包下,通過BR類我們設置更新的數(shù)據(jù),當Model中的數(shù)據(jù)發(fā)生變化時,setter方法中的notifyPropertyChanged()就會通知UI更新數(shù)據(jù)了。

View(Activity)展示

   protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        NamePasswordBinding namePasswordBinding= DataBindingUtil.setContentView(this,R.layout.name_password);
        final com.bean.User user=new User("Michael","1234");
        namePasswordBinding.setUser(user);
        namePasswordBinding.loginBtn.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                user.setUserName("qianrushi");
                user.setUserPassword("123456");
            }
        });
}

效果如下:


observable.gif

ObservableFields

我們剛剛介紹的通知UI更新的方法是用User類繼承自BaseObservable,然后在getter上添加注解、在setter中添加notify方法,這感覺總是有點麻煩,步驟繁瑣,于是,Google推出ObservableFields類,使用它我們可以簡化我們的Model類,如:

public class User{
    public final ObservableField<String> userName = new ObservableField<>();
    public final ObservableField<String> userPassword = new ObservableField<>();
}

onCreate()方法中的代碼就變成了這樣:

    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        NamePasswordBinding namePasswordBinding= DataBindingUtil.setContentView(this,R.layout.name_password);
        final com.bean.User user=new User();
        user.userName.set("Michael");
        user.userPassword.set("1234");
        namePasswordBinding.setUser(user);
        namePasswordBinding.loginBtn.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                user.userName.set("qianrushi");
                user.userPassword.set("123456");
            }
        });
     }

效果如下:

observable.gif

當然ObservableField<T>中傳入的泛型可以是Java中的基本類型,當然我們還可以使用 ObservableBoolean, ObservableByte, ObservableChar, ObservableShort, ObservableInt, ObservableLong, ObservableFloat, ObservableDouble, ObservableParcelable等具體的類型,效果也和ObservableField<T>是一樣的,如:

public class User{
    public final ObservableField<String> userName = new ObservableField<>();
    public final ObservableField<Integer> userPassword = new ObservableField<>();
    public final ObservableInt userAge = new ObservableInt();
}

Observable Collections

Google也為我們提供了一些通知類型的集合,有這三種:ObservableArrayList<T>、ObservableArrayMap<K,V>、ObservableMap<K,V>,它和平場使用的List、Map用法一樣,但是多了通知功能。
我們在layout中的<data>區(qū)域導入包后就可以直接用它了,當它內部的數(shù)據(jù)發(fā)生改變時就自動會通知UI界面更新。
下面xml布局使用ObservableMap<K,V>,當map中的數(shù)據(jù)改變時候同時也通知了UI界面更新。

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

    <data>
        <import type="android.databinding.ObservableMap"/>
        <import type="com.sunzxyong.binding.Keys"/>
        <variable
            name="map"
            type="ObservableMap<String,Object>"/>
    </data>

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:orientation="vertical"
        tools:context=".MainActivity">

        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="@{map[Keys.name]}" />

        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="@{String.valueOf(1+(Integer)map[Keys.age])}" />
        <Button
            android:id="@+id/btn"
            android:layout_marginTop="30dp"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="changeData" />
    </LinearLayout>
</layout>

onCreate()方法:

protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        ActivityMainBinding mBinding = DataBindingUtil.setContentView(this, R.layout.activity_main);
        final ObservableMap<String, Object> map = new ObservableArrayMap<>();
        map.put("name", "sunzxyong");
        map.put("age", 22);
        mBinding.setMap(map);

        mBinding.btn.setOnClickListener(new android.view.View.OnClickListener() {
            @Override
            public void onClick(android.view.View v) {
                map.put("name","hello");
                map.put("age",20);
            }
        });
最后編輯于
?著作權歸作者所有,轉載或內容合作請聯(lián)系作者
【社區(qū)內容提示】社區(qū)部分內容疑似由AI輔助生成,瀏覽時請結合常識與多方信息審慎甄別。
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發(fā)布,文章內容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

相關閱讀更多精彩內容

友情鏈接更多精彩內容