Android Data Binding 初探

Android Data Binding 初探
 Android Data Binding 進階
 Android Data Binding 配合BaseAdapter

關於 Data Binding

Data Binding 是實現 MVVM 開發模式的一種框架。

自從遇到了 Data Binding，老實說，我都不太想用 MVP 開發模式了。

在 Android 中，要實現 MVP 開發模式，得定義很多 View Interface，還要定義很多 Presenter 類，職責分離了，程序的耦合性也優於 MVC 開發模式，但是開發起來還是略顯繁瑣。

不過哦，MVP 開發模式在 Android 中還是最常見，最好用的一種開發模式，畢竟 MVVM 開發模式在 Android 中推出來沒那麼久（2015 年 Google IO大會提出），還沒那麼普遍，估計還有不少地方有待提高。在Android Studio 中提示也不是很完善，例如，在 xm 佈局文件中，定義 View 監聽方法不是很智能，沒有提示。

雖說在2015年推出來的，但我現在才知道它的好，真是“相識恨晚”。這麼好的一個“偷懶”神器，竟然被我給無視了。再說一下我使用 DataBinding 的心得，它不僅是“偷懶”神器，而且性能也沒有絲毫減少（運行期間幾乎0反射），而且還可以減少很多設置或更新UI的代碼（通過數據綁定View）。當然還有很多很多其他的優點，自己慢慢探索。

下面，我給大家演示一下怎麼使用。

基本使用

使用工具：Android Studio 2.3.1 （好像2.0.0以上才支持 Data Binding）

設置可以使用 Data Binding

在 App module 的 build.gradle 文件添加：

android {
    ...
    dataBinding {
        enabled = true
    }
}

定義數據類

普通的數據類，如Person

public class Person {

    private String name;
    private int age;

    public Person(String name, int age) {
        this.name = name;
        this.age = age;
    }

    public String getName() {
        return name;
    }

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

    public int getAge() {
        return age;
    }

    public void setAge(int age) {
        this.age = age;
    }

}

在佈局文件綁定數據

xml 佈局文件解釋

<?xml version="1.0" encoding="utf-8"?>
<!-- 使用layout標籤作爲根佈局 -->
<layout xmlns:android="http://schemas.android.com/apk/res/android">

    <!-- 使用data標籤綁定數據 -->
    <data>
        <!-- 使用variable標籤定義數據名和數據類型 -->
        <variable
            name="person"
            type="com.johan.study.Person" />
    </data>

    <!-- 我們平常使用的根佈局放到這裏 -->
    <LinearLayout xmlns:tools="http://schemas.android.com/tools"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:orientation="vertical"
        android:padding="10dp"
        tools:context="com.johan.study.MainActivity">

        <!-- 通過@{}方式訪問綁定的數據 -->
        <TextView
            android:id="@+id/name_view"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:padding="10dp"
            android:textSize="16dp"
            android:textColor="@android:color/holo_blue_light"
            android:text="@{person.name}"
            />

    </LinearLayout>

</layout>

在 Activity 設置 xml 佈局文件的數據

我們在 xml 佈局文件中綁定了一個 Person 類型數據，但是還沒有值的，我們需要在 Activity 中賦值

public class MainActivity extends AppCompatActivity {

    private Person person = new Person("Johan", 25);
    private ActivityMainBinding binding;

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

        // 不再使用setContentView直接設置佈局文件
        // 使用DataBindingUtil的setContentView方法設置佈局文件，同時返回一個ViewDataBinding對象
        // ViewDataBinding對象是編譯器自動幫我們生成的，類名是根據我們的佈局文件名字命名的
        // 如 R.layout.activity_main，類名就是 ActivityMainBinding，應該很容易看懂
        binding = DataBindingUtil.setContentView(this, R.layout.activity_main);

        // 賦值給 xml 的 person，只有賦值了，xml 才能得到值，這一步很容易忘記
        binding.setPerson(person);

        // 我們不再使用 findViewById 來說去View了，編譯器會自動幫我們生成 xml 佈局中有id屬性的View
        // View 的名字也是根據定義 id 屬性的值來決定的
        // id="@+id/name_view"，View的名字叫做 nameView，很容易理解吧
        TextView nameView = binding.nameView;

    }
}

在這裏我們可以看到 Data Binding 的一個優點，即使我們不使用 Butterknife 等 View 註解框架，也不再使用 findViewById 方法來獲取View了。

設置 View 的監聽

當然，還可以在 xml 設置各種監聽，在傳統的 xml 佈局文件中，View 好像只能定義 onClick 事件。Data Binding 支持定義各種事件，如 onLongClick，onFocusChange，onTextChanged 等事件。

我們演示一下怎麼在 xml 佈局文件中，添加 EditText 的 onTextChanged 事件。

（1）首先，我們定義處理事件的方法：

public class NameHandler {
    // 處理事件的方法，名字和參數一定是一樣的，這裏是TextWatcher接口的onTextChanged方法
    public void onTextChanged(CharSequence s, int start, int before, int count) {
        // 更新數據
        person.setName(s.toString());
        // 還得加上這個，才能更新UI
        binding.setPerson(person);
    }
}

可能你會說，還得加上 binding 的 setPerson 方法才能更新 View 此不是很麻煩嗎？我待會再說這個，不用急哈。

（2） xml 佈局文件定義 EditText，定義綁定 onTextChanged 事件，並設置事件的處理方法。

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

    <!-- 數據綁定 -->
    <data>
        <variable
            name="person"
            type="com.johan.study.Person" />
        <!-- 定義處理事件的類 -->
        <variable
            name="handler"
            type="com.johan.study.MainActivity.NameHandler" />
    </data>

    <LinearLayout xmlns:tools="http://schemas.android.com/tools"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:orientation="vertical"
        android:padding="10dp"
        tools:context="com.johan.study.MainActivity">

        <!-- 定義onTextChanged事件，添加事件的處理方法 handler.onTextChanged -->
        <EditText
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:padding="10dp"
            android:hint="輸入姓名"
            android:inputType="text"
            android:textSize="16dp"
            android:onTextChanged="@{handler.onTextChanged}"
            />

        <TextView
            android:id="@+id/name_view"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:padding="10dp"
            android:textSize="16dp"
            android:textColor="@android:color/holo_blue_light"
            android:text="@{person.name}"
            />

    </LinearLayout>

</layout>

（3）別忘了，由於我們在 xml 佈局文件中，定義了事件的處理類，但是我們還沒有給賦值給handler，我們需要在 Activity 中賦值。

public class MainActivity extends AppCompatActivity {

    private Person person = new Person("Johan", 25);
    private ActivityMainBinding binding;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        binding = DataBindingUtil.setContentView(this, R.layout.activity_main);
        binding.setPerson(person);
        TextView nameView = binding.nameView;
        // 賦值給 xml 佈局文件的 handler
        binding.setHandler(new NameHandler());
        // 注意哦，由於我們的 EditText 並沒有設置 id 屬性，是取不出來的
    }

    public class NameHandler {
        public void onTextChanged(CharSequence s, int start, int before, int count) {
            person.setName(s.toString());
            binding.setPerson(person);
        }
    }

}

數據綁定

我們上面的例子中，雖然更新了 person 的 name 屬性值，但是不會立刻更新 View，要 binding 重新賦值才能更新 View。這是由於我們的數據還沒有完全綁定。

我們要在數據類 Person 做點手腳：

public class Person extends BaseObservable {

    private String name;
    private int age;

    public Person(String name, int age) {
        this.name = name;
        this.age = age;
    }

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

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

    @Bindable
    public int getAge() {
        return age;
    }

    public void setAge(int age) {
        this.age = age;
        notifyPropertyChanged(BR.age);
    }

}

Person 數據類繼承了 BaseObservable 數據觀察類，在各個屬性的 get 方法添加 Bindable 註解，在各個set 方法中，設置完值後，通知更新 UI 。

這樣，我們就不用，每次更新數據類，還得更新 UI 了。

這適用於數據類，粒度相對有點大，而且所有數據類要得繼承 BaseObservable，get和set方法還是略顯繁瑣，所以 Android 的 Data Binding 還提供了另一種方式來顯示數據綁定View，那就是ObservableField 作爲字段類型。

我們定義一個 Person 的額外信息類 PersonExtra：

// 不再繼承 BaseObservable
public class PersonExtra {
    // 使用 ObservableField 作爲字段類型
    public ObservableField<String> address = new ObservableField<>();
}

我們在 xml 佈局文件再添加多一個View，定義 PersonExtra，並綁定數據：

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

    <data>
        <variable
            name="person"
            type="com.johan.study.Person" />
        <!-- 定義 PersonExtra -->
        <variable
            name="personExtra"
            type="com.johan.study.PersonExtra" />
        <variable
            name="handler"
            type="com.johan.study.MainActivity.NameHandler" />
    </data>

    <LinearLayout xmlns:tools="http://schemas.android.com/tools"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:orientation="vertical"
        android:padding="10dp"
        tools:context="com.johan.study.MainActivity">

        <EditText
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:padding="10dp"
            android:hint="輸入姓名"
            android:inputType="text"
            android:textSize="16dp"
            android:onTextChanged="@{handler.onTextChanged}"
            />

        <TextView
            android:id="@+id/name_view"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:padding="@{@dimen/space_1 + @dimen/space_2}"
            android:textSize="16dp"
            android:textColor="@android:color/holo_blue_light"
            android:text="@{person.name}"
            />

        <!-- 使用personExtra.address -->
        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:padding="10dp"
            android:textSize="16dp"
            android:textColor="@android:color/holo_orange_light"
            android:text="@{personExtra.address}"
            />

    </LinearLayout>

</layout>

佈局文件和之前的一樣，我們來看看Activity：

public class MainActivity extends AppCompatActivity {

    private Person person = new Person("Johan", 25);
    private PersonExtra personExtra = new PersonExtra();
    private ActivityMainBinding binding;
    private List<Person> personList = new ArrayList<>();

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        binding = DataBindingUtil.setContentView(this, R.layout.activity_main);
        binding.setPerson(person);
        // 賦值給 xml 定義的 personExtra
        binding.setPersonExtra(personExtra);
        TextView nameView = binding.nameView;
        binding.setHandler(new NameHandler());
    }

    public class NameHandler {
        public void onTextChanged(CharSequence s, int start, int before, int count) {
            person.setName(s.toString());
            personExtra.address.set("廣東省深圳市");
        }
    }

}

我們看看觸發 onTextChanged 事件的方法，更新 address 屬性的方式使用了 set 方法，我們 address 屬性賦值之後，一樣可以自動更新 UI，同樣的效果。

基本的使用方法到這裏，由於篇幅問題，下一篇我們來看看 Data Binding 的進階。

這是本人初次使用 Data Binding 的一些總結，如有錯誤，請不吝賜教，謝謝！！

Android Data Binding 初探

關於 Data Binding

基本使用

設置可以使用 Data Binding

定義數據類

在佈局文件綁定數據

在 Activity 設置 xml 佈局文件的數據

設置 View 的監聽

數據綁定

Android Data Binding 配合BaseAdapter

Android FFmpeg系列——5 音視頻同步播放

Android App字體不受系統字體大小影響

Android 自定義可手勢移動、放縮ImageView

Android Data Binding 初探

Mac下配置sublime實現LaTeX

https://yachay.unat.edu.pe/blog/index.php?comment_area=format_blog&comment_component=blog&comment_co

linux以太網驅動總結