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