android 數據綁定(3)自動更新UI

1.官方文檔

 

　　https://developer.android.com/topic/libraries/data-binding/observability

 

2.observable 屬性

　　適合對象只有少量屬性，每個屬性用 ObservableField<xxx> 、ObservableInt、ObservableParcelable、ObservableBoolean 等保存。

基本類型
ObservableBoolean	ObservableByte
ObservableChar	ObservableShort
ObservableInt	ObservableLong
ObservableFloat	ObservableDouble
復雜類型
ObservableParcelable	ObservableField<非基本類型,如Student>
ObservableArrayMap	ObservableArrayList

 

2.1 數據源類定義

//2.修改數據動更新ui版本
public class Data {

    public ObservableInt            icon    = new ObservableInt();
    public ObservableField<String>  key     = new ObservableField();
    public ObservableInt            value   = new ObservableInt();

    @Override
    public String toString() {
        return "key = " + key + " value = " + value;
    }
}

2.2 使用綁定

        <TextView
            android:id="@+id/key"
            android:text='@{data.key, default = "default" }'/>

        <TextView
            android:id="@+id/value"
            android:text="@{String.valueOf(data.value),default = value}" />

        <ImageView
            android:id="@+id/imageView"
            app:bindingImgSrc="@{data.icon}" />

2.3 修改數據源對象

    @OnClick(R.id.btnSave)
    public void onSaveClicked(View view){
        //...
        data.key.set(newKey);
        data.value.set(newValue);

        int id = main.data.icon.get();
        data.icon.set(R.mipmap.girl);
  
    }

　　使用get(),set(xxx) 訪問和修改它們。

2.4 ObservableArrayMap

ObservableArrayMap<String, Object> user = new ObservableArrayMap<>();
user.put("firstName", "Google");
user.put("lastName", "Inc.");
user.put("age", 17);

使用

<data>
    <import type="android.databinding.ObservableMap"/>
    <variable name="user" type="ObservableMap<String, Object>"/>
</data>
…
<TextView
    android:text="@{user.lastName}"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"/>
<TextView
    android:text="@{String.valueOf(1 + (Integer)user.age)}"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"/>

2.5 ObservableArrayList

ObservableArrayList<Object> user = new ObservableArrayList<>();
user.add("Google");
user.add("Inc.");
user.add(17);

使用

<data>
    <import type="android.databinding.ObservableList"/>
    <import type="com.example.my.app.Fields"/>
    <variable name="user" type="ObservableList<Object>"/>
</data>
…
<TextView
    android:text='@{user[Fields.LAST_NAME]}'
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"/>
<TextView
    android:text='@{String.valueOf(1 + (Integer)user[Fields.AGE])}'
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"/>

3.自定義observable對象

• 使用@Bindable修飾get方法
• 在setter方法中使用 notifyPropertyChanged(BR.xxx);

3.1 聲明數據類

class Daily : BaseObservable() {

    @get:Bindable var week          = 0
        set(value){
            field = value
            notifyPropertyChanged(BR.week)
        }

    @get:Bindable var onbed         = 0L
        set(value){
            field = value
            notifyPropertyChanged(BR.onbed)
        }
    @get:Bindable var call          = 0
        set(value){
            field = value
            notifyPropertyChanged(BR.call)
        }

    @get:Bindable var urgent        = 0
        set(value){
            field = value
            notifyPropertyChanged(BR.urgent)
        }

    @get:Bindable var date          = ""
        set(value){
            field = value
            notifyPropertyChanged(BR.date)
        }
    
    var record      : List<Record> = ArrayList()
  
}

3.2 使用綁定數據

　　與2.2一樣。

3.3 修改數據對象

    @OnClick(R.id.btnSave)
    public void onSaveClicked(View view){

        //...
        data.setKey(newKey);
        data.setValue(newValue);

        data.setIcon(R.mipmap.girl);

    }

　　注意：這種方式在java代碼中只有調用setXXX才自動更新，data.key = "xxx"不會自動更新。