1. 程式人生 > >Android資料繫結框架DataBinding,堪稱解決介面邏輯的黑科技

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大家可以從現在開始嘗試的使用起來。