Android數據綁定框架DataBinding

去年穀歌 I/O大會上介紹了一個非常厲害的新框架DataBinding, 數據綁定框架給我們帶來了很大的方便,以前我們可能需要在每個Activity裏寫很多的findViewById,不僅麻煩,還增加了代碼的耦合性,如果我們使用DataBinding,就可以拋棄那麼多的findViewById,省時省力。說到這裏,其實網上也有很多快速的註解框架,但是註解框架與DataBinding想比還是不好用,而且官網文檔說DataBinding還能提高解析XML的速度,其實DataBinding的好用,不僅僅體現在可以省去使用很多囉嗦findViewById,還有很多。往下看你就會明白的。

在介紹DataBinding之前,肯定要先學會搭建使用它的環境。鑑於是去年發佈的,現在大家AS的版本估計都在1.5以上了,就在1.5的版本上搭建和介紹吧,1.5之前的大家可以在網上搜索,因爲我看網上大多數是介紹的1.3的使用方法,還沒有很多對於1.5之後的環境搭建方法。

環境搭建

Android 的 Gradle 插件版本不低於 1.5.0-alpha1:
classpath 'com.android.tools.build:gradle:1.5.0'
然後修改對應模塊(Module)的 build.grade:

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

注意:Android stuido 的版本一定要大於1.3,而且Android Studio目前對binding對象沒有自動代碼提示,只會在編譯時進行檢查。

就是這麼簡單,但是1.3及以前的版本,對於環境的搭建,可能就會麻煩一點(沒事1.3的環境搭建方法,網上多得是)。

基礎展示

我們在具體的講解之前,先用一個簡單的小例子來學習一下基礎並展現一下DataBinding的巨大魅力,估計你會被其簡單的特性所吸引哦。

首先我們先建立一個java bean,就是一個非常簡單的用戶類吧。

package loonggg.net.databinding.bean;

/**
 * Created by loongggdroid on 2016/3/14.
 */
public class User {
    private String name;
    private String age;

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

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

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

    public String getName() {
        return this.name;
    }

    public String getAge() {
        return this.age;
    }
}

其次,來看看使用了DataBinding之後的佈局文件是什麼樣子的呢?主要的變化是在layout佈局文件之中。

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

    <data>
        <variable
            name="user"
            type="loonggg.net.databinding.bean.User" />
    </data>

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:orientation="vertical">

        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="@{user.name}" />

        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="@{user.age}" />
    </LinearLayout>
</layout>

看到這裏,可能有的人就開始有點迷糊了,沒有給控件定義id,而是用了@{ }的方法,到底是怎麼回事?先不忙,一會再給你解釋,我們再來看看怎麼把值傳進去的,在Activity中是如何使用的。

package loonggg.net.databinding;

import android.app.Activity;
import android.databinding.DataBindingUtil;
import android.os.Bundle;

import loonggg.net.databinding.bean.User;
import loonggg.net.databinding.databinding.ActivityMainBinding;

public class MainActivity extends Activity {
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        ActivityMainBinding binding = DataBindingUtil.setContentView(this, R.layout.activity_main);
        User user = new User("loonggg", "23");
        binding.setUser(user);
    }

}

看到Activity是不是感覺很簡潔,很清爽,沒有了控件的初始化findViewById,然後再去setText(), 就僅僅只添加了兩行代碼。
運行結果,不用說,顯而易見,肯定會顯示loonggg和23,效果圖如下:


基礎解釋

佈局生命
例子我們介紹完了,對於例子中出現的一些新東西,有必要解釋一下,java bean那裏就不解釋了,大家肯定都懂,我們就從佈局文件講起。相比以前使用的xml,根節點由具體的某個layout(比如LinearLayout )變成了layout,裏面包括了data節點和傳統的視圖。這裏的data節點就像是連接 View 和 Modle 的橋樑。在這個data節點中聲明一個variable變量,那值就可以輕鬆傳到佈局文件中來了。

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

<!--type中聲明的就是我們的用戶實體類User,一定要寫全,帶着包名,我們給這個實體類命名爲user-->
    <data>
        <variable
            name="user"
            type="loonggg.net.databinding.bean.User" />
    </data> 
    <LinearLayout>
     ……
    </LinearLayout>
</layout>

變量名爲user
變量類型爲"loonggg.net.databinding.bean.User "

type中聲明的就是我們的用戶實體類User,一定要寫全,帶着包名,我們給這個實體類命名爲user,TextView中的@{user.name}就是把這個user中的名字展示出來,age同樣如此。

綁定Variable
雖然在佈局文件中對應上了,但是值是怎麼傳進去的呢?這就是我們要將的Activity中的那兩行代碼了,它把實體類和佈局文件進行了綁定。修改MainActivity中的onCreate,用 DatabindingUtil.setContentView() 來替換掉 setContentView(),然後創建一個 user 對象,通過 binding.setUser(user) 與 variable 進行綁定。

@Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        ActivityMainBinding binding = DataBindingUtil.setContentView(this, R.layout.activity_main);
        User user = new User("loonggg", "23");
        binding.setUser(user);
    }

高級用法

import用法
其實data節點也是支持import用法的,比如:

<data>
     <import type="loonggg.net.databinding.bean.User "/>
     <variablename="user"type="User" />
</data>

這裏需要注意的是:import 並不能像java 一樣可以 import xx.xxx.*,必須具體到寫清楚每個要導入的類名。

類名相同
到這裏你可能會問如果import了兩個相同名稱的類咋辦?別怕,人家想的很周到,可以起個別名或者暱稱嗎!例如:

···
<data> 
  <import type="xxx.User" alias="MyUser"> 
  <import type="xxx.xx.User"> 

   <variable 
            name="user" 
            type="User" /> 
    <variable 
            name="myUser" 
            type="MyUser"/> 
</data> 
<TextView xxx:@{myUser.getName()}> 
<TextView xxx:@{user.getName()}>
···

變量定義的高級用法
在上面,我們學會了如何去在xml中定義一些簡單的變量。我們沒有定義像List、Map等這樣的集合變量。那這種集合變量該如何定義呢?其實定義的方式和我們上面的基本一致,區別就在於我們還需要爲它定義key的變量,例如:

<layout xmlns:android="http://schemas.android.com/apk/res/android"> 
        <data> 
            <import type="android.graphics.Bitmap" /> 
            <import type="java.util.ArrayList" /> 
            <import type="java.util.HashMap" />  
          <!-- 集合的定義 -->
            <variable 
                name="list" 
                type="ArrayList<String>" /> 
            <variable 
                name="map" 
                type="HashMap<String, String>" /> 
            <variable 
                name="array" 
                type="String[]" /> 
          <!-- 爲集合定義對應的索引 -->
            <variable 
                name="listKey" 
                type="int" /> 
            <variable 
                name="mapKey" 
                type="String" /> 
            <variable 
                name="arrayKey" 
                type="int" /> 

            <!-- 字符串,布爾值和int的用法-->
            <variable 
                name="str" 
                type="String"/> 
            <variable 
                name="error" 
                type="boolean"/> 
            <variable 
                name="num" 
                type="int" /> 

        </data> 

        <LinearLayout 
            android:orientation="vertical" 
            android:layout_width="match_parent" 
            android:layout_height="wrap_content"> 

            <TextView 
                android:layout_width="wrap_content" 
                android:layout_height="wrap_content" 
                android:text="@{list[listKey]}"/> 

            <TextView 
                android:layout_width="wrap_content" 
                android:layout_height="wrap_content" 
                android:text="@{map[`name`]}"/> 
            <TextView 
                android:layout_width="wrap_content" 
                android:layout_height="wrap_content" 
                android:text="@{array[0]}"/> 

            <TextView 
                android:layout_width="wrap_content" 
                android:layout_height="wrap_content" 
                android:text="@{str}"/> 
            <TextView 
                android:layout_width="wrap_content" 
                android:layout_height="wrap_content" 
                android:text="@{String.valueOf(num)}"/> 
        </LinearLayout> 
    </layout>

事件的綁定
可以直接在 xml 導入android.view.View.OnClickListener,並制定其點擊事件。

<variable
    name="clickListener"
    type="android.view.View.OnClickListener" />
...
  android:onClick="@{clickListener}"
...
holder.binding.setClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
               //do something
        });

表達式
其實在xml文件中還是支持表達式的,比如說如下:

<TextView
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text='@{error ? "error" : "ok"}'/>

這是一個布爾值的使用。
下面我們就來看看表達式支持的一下語法和不支持的語法
支持的表達式:
Mathematical + - / * %
String concatenation +
Logical && ||
Binary & | ^
Unary + - ! ~
Shift >> >>> <<
Comparison == > < >= <=
instanceof
Grouping ()
Literals - character, String, numeric, null
Cast
Method calls
Field access
Array access []
Ternary operator ?:

不支持的表達式:
this
super
new
Explicit generic invocation

帶id的控件的賦值方式
對於xml文件中控件的賦值,其實也是可以在java文件中,用java來實現的。我就以最上面那個簡單的小例子來說,假如給一個TextView設置的id如下:

<TextView
            android:id="@+id/name"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
           />

在Activity中這樣賦值:

@Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        ActivityMainBinding binding = DataBindingUtil.setContentView(this, R.layout.activity_main);
        binding.name.setText("非著名程序員");
    }

看到這裏基礎的大部分就講完了,其實還有很多更高級的用法,比如在ListView中怎麼用等等,大家可以去自己查閱資料學習,這樣認識的可以更深刻。希望這篇文章對大家能夠有所幫助。DataBinding大家可以從現在開始嘗試的使用起來。



文/非著名程序員(簡書作者)
原文鏈接:http://www.jianshu.com/p/2d3227d9707d
著作權歸作者所有,轉載請聯繫作者獲得授權,並標註“簡書作者”。
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章