Android數(shù)據(jù)綁定框架DataBinding,堪稱解決界面邏輯的黑科技


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

在介紹DataBinding之前,肯定要先學(xué)會(huì)搭建使用它的環(huán)境。鑒于是去年發(fā)布的,現(xiàn)在大家AS的版本估計(jì)都在1.5以上了,就在1.5的版本上搭建和介紹吧,1.5之前的大家可以在網(wǎng)上搜索,因?yàn)槲铱淳W(wǎng)上大多數(shù)是介紹的1.3的使用方法,還沒有很多對(duì)于1.5之后的環(huán)境搭建方法。

環(huán)境搭建

Android 的 Gradle 插件版本不低于 1.5.0-alpha1:
classpath 'com.android.tools.build:gradle:1.5.0'
然后修改對(duì)應(yīng)模塊(Module)的 build.grade:

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

注意:Android stuido 的版本一定要大于1.3,而且Android Studio目前對(duì)binding對(duì)象沒有自動(dòng)代碼提示,只會(huì)在編譯時(shí)進(jìn)行檢查。

就是這么簡(jiǎn)單,但是1.3及以前的版本,對(duì)于環(huán)境的搭建,可能就會(huì)麻煩一點(diǎn)(沒事1.3的環(huán)境搭建方法,網(wǎng)上多得是)。

基礎(chǔ)展示

我們?cè)诰唧w的講解之前,先用一個(gè)簡(jiǎn)單的小例子來學(xué)習(xí)一下基礎(chǔ)并展現(xiàn)一下DataBinding的巨大魅力,估計(jì)你會(huì)被其簡(jiǎn)單的特性所吸引哦。

首先我們先建立一個(gè)java bean,就是一個(gè)非常簡(jiǎn)單的用戶類吧。

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>

看到這里,可能有的人就開始有點(diǎn)迷糊了,沒有給控件定義id,而是用了@{ }的方法,到底是怎么回事?先不忙,一會(huì)再給你解釋,我們?cè)賮砜纯丛趺窗阎祩鬟M(jìn)去的,在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是不是感覺很簡(jiǎn)潔,很清爽,沒有了控件的初始化findViewById,然后再去setText(), 就僅僅只添加了兩行代碼。
運(yùn)行結(jié)果,不用說,顯而易見,肯定會(huì)顯示loonggg和23,效果圖如下:

基礎(chǔ)解釋

布局生命
例子我們介紹完了,對(duì)于例子中出現(xiàn)的一些新東西,有必要解釋一下,java bean那里就不解釋了,大家肯定都懂,我們就從布局文件講起。相比以前使用的xml,根節(jié)點(diǎn)由具體的某個(gè)layout(比如LinearLayout )變成了layout,里面包括了data節(jié)點(diǎn)和傳統(tǒng)的視圖。這里的data節(jié)點(diǎn)就像是連接 View 和 Modle 的橋梁。在這個(gè)data節(jié)點(diǎn)中聲明一個(gè)variable變量,那值就可以輕松傳到布局文件中來了。

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

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

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

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

綁定Variable
雖然在布局文件中對(duì)應(yīng)上了,但是值是怎么傳進(jìn)去的呢?這就是我們要將的Activity中的那兩行代碼了,它把實(shí)體類和布局文件進(jìn)行了綁定。修改MainActivity中的onCreate,用 DatabindingUtil.setContentView() 來替換掉 setContentView(),然后創(chuàng)建一個(gè) user 對(duì)象,通過 binding.setUser(user) 與 variable 進(jìn)行綁定。

@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);
    }

高級(jí)用法

import用法
其實(shí)data節(jié)點(diǎn)也是支持import用法的,比如:

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

這里需要注意的是:import 并不能像java 一樣可以 import xx.xxx.*,必須具體到寫清楚每個(gè)要導(dǎo)入的類名。

類名相同
到這里你可能會(huì)問如果import了兩個(gè)相同名稱的類咋辦?別怕,人家想的很周到,可以起個(gè)別名或者昵稱嗎!例如:

···
<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()}>
···

變量定義的高級(jí)用法
在上面,我們學(xué)會(huì)了如何去在xml中定義一些簡(jiǎn)單的變量。我們沒有定義像List、Map等這樣的集合變量。那這種集合變量該如何定義呢?其實(shí)定義的方式和我們上面的基本一致,區(qū)別就在于我們還需要為它定義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[]" /> 
          <!-- 為集合定義對(duì)應(yīng)的索引 -->
            <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 導(dǎo)入android.view.View.OnClickListener,并制定其點(diǎn)擊事件。

<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
        });

表達(dá)式
其實(shí)在xml文件中還是支持表達(dá)式的,比如說如下:

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

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

不支持的表達(dá)式:
this
super
new
Explicit generic invocation

帶id的控件的賦值方式
對(duì)于xml文件中控件的賦值,其實(shí)也是可以在java文件中,用java來實(shí)現(xiàn)的。我就以最上面那個(gè)簡(jiǎn)單的小例子來說,假如給一個(gè)TextView設(shè)置的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("非著名程序員");
    }

看到這里基礎(chǔ)的大部分就講完了,其實(shí)還有很多更高級(jí)的用法,比如在ListView中怎么用等等,大家可以去自己查閱資料學(xué)習(xí),這樣認(rèn)識(shí)的可以更深刻。希望這篇文章對(duì)大家能夠有所幫助。DataBinding大家可以從現(xiàn)在開始嘗試的使用起來。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容