Data binding 入坑筆記一入門篇

上一篇介紹了Data binding的基礎用法，你可能會想這也太基礎了，只支持前置數據的綁定，一旦數據變化了UI都監聽不到。不要著急，這一篇就來講到databinding的雙向綁定用法。

0.舉個例子

我們用一個輸入控件EditText和一個文本控件TextView來舉個栗子，我們想要在TextView要獲取文本框內容，原始寫法首先獲取兩個控件的對象，然后設置輸入框監聽對象，最后賦值給TextView做顯示，算了算需要寫三步呢

我們來看看Data Binding的代碼，只需要把對象綁定進去就好了

public class TwowayActivity extends AppCompatActivity {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_twoway);
        ActivityTwowayBinding binding = DataBindingUtil.setContentView(this, R.layout.activity_twoway);
        binding.setStudent(new Student());
    }
}

<layout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools">
    <data>
        <variable
            name="student" 
            type="com.jie.databindingsimple.entity.Student"/>
    </data>
    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="vertical">
        <EditText
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:hint="請輸入內容"
            android:text="@={student.name}"/>
        <TextView
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:text="@{student.name}"/>
    </LinearLayout>
</layout>

1. Observable Binding

Data Binding本身是不支持雙向綁定的，我們想要實現雙向綁定首先要改造一下實體類。讓實體類繼承BaseObservable，來看例子

public class Student extends BaseObservable {
    private String name;
    private String className;

    @Bindable
    public String getName() {
        return name;
    }

    @Bindable
    public String getClassName() {
        return className;
    }

    public void setName(String name) {
        this.name = name;
        notifyPropertyChanged(BR.name);
    }

    public void setClassName(String className) {
        this.className = className;
        notifyPropertyChanged(BR.className);
    }
}

BR是編譯階段生成的一個類，功能與 R.java 類似，用 @Bindable標記過 getter方法會在BR中生成一個靜態常量。

public class BR {
        public static final int _all = 0;
        public static final int className = 1;
        public static final int name = 2;
        public static final int student = 3;
        public static final int user = 4;
}

在setter方法里我們需要用notifyPropertyChanged方法來更新對象。

還有另一種適用于POJO的寫法，這種寫法不需要繼承BaseObservable，不過每個成員變量都要new一個ObservableField對象。

public class Teacher {
    public final ObservableField<String> name = new ObservableField<>();
    public final ObservableField<String> className = new ObservableField<>();
    public final ObservableInt age = new ObservableInt();
}

2. xml寫法

如果想在輸入的時候給變量賦值，則需要用到@={}這個操作符，{}里面是我們想要賦值的對象

<EditText
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:hint="請輸入內容"
    android:text="@={student.name}"/>

3.原理解析

InverseBindingListener是事件發生時觸發的監聽器，所有雙向綁定，最后都是通過這個接口來observable改變的，各種監聽，比如TextWatcher、OnCheckedChange，都是間接通過這個接口來通知的。在ActivityTwowayBinding的源碼中我們可以找到這個方法片段。

    // values
    // listeners
    // Inverse Binding Event Handlers
    private android.databinding.InverseBindingListener mboundView1androidTextAttrChanged = new android.databinding.InverseBindingListener() {
        @Override
        public void onChange() {
            // Inverse of student.name
            //         is student.setName((java.lang.String) callbackArg_0)
            java.lang.String callbackArg_0 = android.databinding.adapters.TextViewBindingAdapter.getTextString(mboundView1);
            // localize variables for thread safety
            // student
            com.jie.databindingsimple.entity.Student student = mStudent;
            // student.name
            java.lang.String studentName = null;
            // student != null
            boolean studentJavaLangObjectNull = false;

            studentJavaLangObjectNull = (student) != (null);
            if (studentJavaLangObjectNull) {
                student.setName(((java.lang.String) (callbackArg_0)));
            }
        }
    };

我們通過java.lang.String callbackArg_0 = android.databinding.adapters.TextViewBindingAdapter.getTextString(mboundView1);獲取到EditText上輸入的值，來看看getTextString方法

    @InverseBindingAdapter(attribute = "android:text", event = "android:textAttrChanged")
    public static String getTextString(TextView view) {
        return view.getText().toString();
    }

InverseBindingAdapter用于關聯某個用于接收View變更的方法，有兩個參數attribute描述和event事件，獲取到數據后我們拿到student對象，然后給他賦值student.setName(((java.lang.String) (callbackArg_0)));

4. 屬性改變監聽

如果有兩個輸入框，我們要監聽輸入對象的改變怎么辦，如下：

我們可以利用Observable中的addOnPropertyChangedCallback來實現。先來看看Observable類，里面有添加回調、刪除回調等方法。

package android.databinding;

public interface Observable {
    void addOnPropertyChangedCallback(Observable.OnPropertyChangedCallback var1);

    void removeOnPropertyChangedCallback(Observable.OnPropertyChangedCallback var1);

    public abstract static class OnPropertyChangedCallback {
        public OnPropertyChangedCallback() {
        }

        public abstract void onPropertyChanged(Observable var1, int var2);
    }
}

在onCreate中實現添加callback

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_twoway);
        ActivityTwowayBinding binding = DataBindingUtil.setContentView(this, R.layout.activity_twoway);
        Student student = new Student();
        binding.setStudent(student);
        student.addOnPropertyChangedCallback(new Observable.OnPropertyChangedCallback() {
            @Override
            public void onPropertyChanged(Observable observable, int i) {
                switch (i) {
                    case BR.name:
                        Toast.makeText(TwowayActivity.this, "name", Toast.LENGTH_SHORT).show();
                        break;
                    case BR.className:
                        Toast.makeText(TwowayActivity.this, "classname", Toast.LENGTH_SHORT).show();
                        break;
                }
            }
        });
    }

5. 雙向綁定場景范圍

目前雙向綁定僅支持如text，checked，year，month，hour，rating，progress等綁定。

完整代碼看這里