DataBinding資料繫結基本講解

LeiHolmes發表於2019-03-04

DataBinding簡介

　　DataBinding是基於MVVM思想實現資料與UI繫結的框架，有了Data Binding，在Android中也可以很方便的實現MVVM。它於2015年7月由Google在Studio1.3上引入，2016年4月在Studio2.0上得到正式支援。DataBinding是一個support庫，最低支援到Android2.1（API Level 7+）。

　　在引入DataBinding之前，我們需要敲很多很雞肋的程式碼，如 findViewById()、setText()，setVisibility()，setEnabled() 或 setOnClickListener() 等，通過 DataBinding , 我們可以通過宣告式佈局以精簡的程式碼來繫結應用程式邏輯和佈局，這樣就不用編寫大量的冗餘的程式碼了。這一節我們來講一講DataBinding的基本實現之常量繫結、變數繫結與事件繫結。

初始化

在build.gradle中新增

android {
    dataBinding {
        enabled = true;
    }
    ......
}複製程式碼

在xml檔案最外層結構新增

<layout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools">
    ......
</layout>複製程式碼

　　即是將最外層標籤改為<layout></layout>

替換原setContentView方法

ActivityMainBinding binding = DataBindingUtil.setContentView(this, R.layout.activity_main);複製程式碼

　　命名規則：這裡的ActivityMainBinding命名由來是其layout名稱轉換為駝峰形式再加上”Binding得到”。例如activity_main->ActivityMainBinding。

開始繫結

常量繫結

　　在xml中：

<TextView
    android:id="@+id/text_view1"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content" />複製程式碼

　　在Activity中：

binding.textView1.setText("Helloworld");複製程式碼

　　命名規則：控制元件id帶下劃線時，呼叫時使用其id的駝峰命名形式 。不帶下劃線時，呼叫時與id一致。例如id為text_view1，呼叫時使用binding.textView1。

變數繫結

　　首先建立一個簡單的資料來源類MyBean：

package com.sherlock.databindingdemo;

public class MyBean {
    private String name;
    private int age;

    public MyBean(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檔案layout標籤下新增：

<data>
    <variable
        name="mybean"
        type="com.sherlock.databindingdemo.MyBean" /> 
</data>
<!--name：提供資料的bean的別名；type：bean的類名-->複製程式碼

　　在控制元件中設定變數繫結：

<TextView
    android:id="@+id/text_view1"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_marginRight="10dp"
    android:text="@{mybean.name}"/>複製程式碼

　　在Activity中設定資料：

binding.setMybean(myBean);
//binding.setVariable(BR.mybean,myBean);        //另一種方法複製程式碼

　　注意：@{mybean.name}中的name必須為String型別，若要繫結別的型別，比如int型別，可以這樣@{String.valueOf(mybean.age)}。

事件繫結

　　當然我們也可以用DataBinding實現事件繫結，它有兩種實現方式。
　　第一種：首先新增一個事件回撥類Presenter，這裡演示Click與TextChange事件:

public class Presenter {
    public void onTextChanged(CharSequence s, int start, int before, int count) {
        myBean.setName(s.toString());
        binding.setMybean(myBean);
    }
    public void onClick(View view){
        Toast.makeText(MainActivity.this, "點選成功", Toast.LENGTH_SHORT).show();
    }
}複製程式碼

　　注意：使用這種事件繫結方式，Presenter中的方法需和控制元件監聽方法完全一致。
　　在xml中：

<data>
    <variable
        name="presenter"
        type="com.sherlock.databindingdemo.MainActivity.Presenter" />
</data>

<EditText
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:onTextChanged="@{presenter.onTextChanged}" />
    <!--或者@{presenter::onTextChanged}-->

<Button
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:onClick="@{presenter.onClick}" />
    <!--或者@{presenter::onClick}-->複製程式碼

　　在Activity中：

binding.setPresenter(new Presenter());複製程式碼

　　第二種：也可以設定自定義的監聽器Binding，可回傳引數，需要使用Lambda表示式：
　　在xml中：

<Button
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:onClick="@{() -> presenter.onButtonClick(mybean)}" />
    <!--或者@{(view) -> presenter.onButtonClick(mybean)}-->複製程式碼

　　在Presenter中：

public void onButtonClick(MyBean myBean){
    Toast.makeText(MainActivity.this, myBean.getName(), Toast.LENGTH_SHORT).show();
}複製程式碼

　　注意：使用這種事件繫結，Presenter中的監聽方法就不需要與View的監聽方法完全一致了，而且可以獲取View在事件中回傳的資料。

總結

　　這一節到此DataBinding的常量，變數，事件繫結的用法就講解完畢了，實際操作起來感覺目前AndroidStudio對DataBinding的支援還不夠，排錯有點費勁，有時會出現找不到DataBinding的錯誤，這時應先檢視下是否由於自己修改了某個類名，而xml呼叫時沒有修改導致。若沒有問題則刪除app下的build資料夾重新Rebuild下專案試試。
　　首次接觸DataBinding，可能有寫的不對的地方歡迎大神們留言指正，有什麼疑惑或者不懂的地方也可以在我Github上DataBindingDemo專案的Issues中提出，我會及時解答。附上DataBindingDemo地址：
　　DataBindingDemo

相關文章