iceland

Data binding 入坑筆記一入門(mén)篇
Data binding 入坑筆記二進(jìn)階篇之雙向綁定

前兩篇介紹了基礎(chǔ)知識(shí)和雙向綁定，今天我們來(lái)詳細(xì)剖析一下layout語(yǔ)法規(guī)則，以便能靈活使用data binding

1. 表達(dá)式概覽

1.1 xml里支持使用以下表達(dá)式

• 數(shù)學(xué) +`` - ``/`` *`` %
• 字符串連接 +
• 邏輯 && ||
• 二進(jìn)制&`` | ``^
• 一元運(yùn)算 +`` -`` !`` ~
• 移位 >>`` >>>`` <<
• 比較 ==`` >`` < ``>= ``<=
• instanceof
• 分組()
• null
• Cast
• 方法調(diào)用
• 數(shù)據(jù)訪問(wèn) []
• 三元運(yùn)算 ?:

暫不支持以下表達(dá)式

• this
• super
• new
• 顯式泛型調(diào)用

2. 表達(dá)式運(yùn)用

2.1 變量

先來(lái)復(fù)習(xí)一下基礎(chǔ)變量的使用，變量的使用分為變量給控件賦值和控件給變量賦值兩種

變量給控件賦值

android:text="@{student.name}"

控件給變量賦值（具體請(qǐng)參考雙向綁定）

android:text="@={student.name}"

避免空指針

data binding會(huì)自動(dòng)幫助我們進(jìn)行空指針的避免，比如說(shuō)@{student.name}，如果name是null的話，student.name則會(huì)被賦默認(rèn)值（null）。int的話，則是0。

2.2 空運(yùn)算符

android:text="@{user.firstName ?? user.lastName}"

這個(gè)操作等價(jià)于

android:text="@{user.displayName != null ? user.firstName : user.lastName}"

2.3 顯隱控制

首先在 xml 的 data 節(jié)點(diǎn)中引用View

<data>
    <import type="android.view.View"/>
</data>

然后設(shè)置visibility

android:visibility="@{student.boy ? View.VISIBLE : View.INVISIBLE}"

2.4 靜態(tài)方法調(diào)用

首先定義一個(gè)靜態(tài)方法

public class StringUtil {
    /**
     * 實(shí)現(xiàn)文字倒序
     * @param text 文字
     * @return 倒序文字
     */
    public static String reverseString(String text) {
        StringBuffer stringBuffer = new StringBuffer(text);
        return  stringBuffer.reverse().toString();
    }
}

然后在 xml 的 data 節(jié)點(diǎn)中引用該類(lèi)

<data>
    <import type="com.jie.databindingsimple.StringUtil" />
</data>

最后是方法的調(diào)用

android:text="@{StringUtil.reverseString(student.name)}"

2.5 監(jiān)聽(tīng)方法調(diào)用

控件常用的監(jiān)聽(tīng)都可以用事件綁定來(lái)搞定，比如以下這幾種

• android:onClick
• android:onLongClick
• android:onTextChanged
  ...

常規(guī)調(diào)用方法

首先在 xml 的 data 節(jié)點(diǎn)中添加變量，我這里是把當(dāng)前activity對(duì)象添加進(jìn)來(lái)

<data>
    <variable name="activity" type="com.jie.databindingsimple.LayoutActivity"/>
</data>

引用變量后別忘了在oncreate方法中綁定變量

ActivityLayoutBinding binding = DataBindingUtil.setContentView(this, R.layout.activity_layout);

binding.setActivity(this);

最后在控件中綁定事件

<EditText...
    android:hint="事件監(jiān)聽(tīng)，請(qǐng)輸入文字"
    android:onTextChanged= "@{activity::onTextChanged}"/>

其他事件同理

Lambda表達(dá)式

在xml中我們還可以應(yīng)用lambda表達(dá)式來(lái)書(shū)寫(xiě)

android:onClick="@{(view) -> activity.onTextClick(view)}"

統(tǒng)計(jì)一下事件監(jiān)聽(tīng)表達(dá)的用法

由此可見(jiàn)事件監(jiān)聽(tīng)綁定有很多種用法，我們?cè)陧?xiàng)目中最好統(tǒng)一規(guī)范應(yīng)用其中一種，避免個(gè)性化

android:onClick="onTextClick"
android:onClick="@{(view) -> activity.onTextClick(view)}"
android:onClick="@{activity::onTextClick}"
android:onClick="@{activity.onTextClick}"

2.6 資源數(shù)據(jù)

在xml中我們可以根據(jù)變量動(dòng)態(tài)設(shè)置數(shù)值，比如這樣

android:padding="@{large? @dimen/largePadding : @dimen/smallPadding}"

還可以拼接變量數(shù)據(jù)，比如這樣

android:text="@{@string/nameFormat(firstName, lastName)}"

2.7 表達(dá)式鏈

重復(fù)的表達(dá)式

<ImageView android:visibility=“@{isVisible ? View.VISIBLE : View.GONE}”/>
<TextView android:visibility=“@{isVisible  ? View.VISIBLE : View.GONE}”/>
<CheckBox android:visibility="@{isVisible  ? View.VISIBLE : View.GONE}"/>

可以簡(jiǎn)化成下面這樣

<ImageView aandroid:id="@+id/image"
 android:visibility="@{isVisible ? View.VISIBLE : View.GONE}"/>
<TextView android:visibility="@{image.visibility}"/>
<CheckBox android:visibility="@{image.visibility}"/>

注意，id起名有一個(gè)bug，不能有下劃線_否則會(huì)報(bào)錯(cuò)

2.8 Include

include核心在bind屬性，可以綁定include里layout的變量，先看主布局

<data>
    <variable name="btnText" type="String" />
</data>

<LinearLayout...>
    <include
        layout="@layout/layout_button"
        bind:btnText="@{btnText}"/>
</LinearLayout>

再看子布局，可見(jiàn)父布局用bind屬性將btnText綁定了值，然后子布局進(jìn)行賦值

<data>
    <variable name="btnText" type="String"/>
</data>

<LinearLayout...>
    <Button
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_margin="5dp"
        android:onClick="btnClick"
        android:text="@{btnText}"/>
</LinearLayout>

注意的一點(diǎn)是，被include的布局必須頂層是一個(gè)ViewGroup，目前Data Binding的實(shí)現(xiàn)，如果該布局頂層是一個(gè)View，而不是ViewGroup的話，binding的下標(biāo)會(huì)沖突（被覆蓋），從而產(chǎn)生一些預(yù)料外的結(jié)果。

2.9 Viewstubs

在xml中添加ViewStub標(biāo)簽

<ViewStub
    android:id="@+id/view_stub"
    android:layout="@layout/view_stub"
    ... />

ViewStub比較特殊，在被實(shí)際inflate前是不可見(jiàn)的，所以使用了特殊的方案，用了final的ViewStubProxy來(lái)代表它，并監(jiān)聽(tīng)了ViewStub.OnInflateListener

binding.viewStub.setOnInflateListener(new ViewStub.OnInflateListener() {
    @Override
    public void onInflate(ViewStub stub, View inflated) {
        ViewStubBinding binding = DataBindingUtil.bind(inflated);
        User user = new User("Laxus", "J");
        binding.setUser(user);
    }
});

3.總結(jié)

講到這里layout所有表達(dá)式的用法基本全了，包含了各種各樣的應(yīng)用場(chǎng)景，基本可以告別了在代碼中獲取view對(duì)象來(lái)設(shè)置監(jiān)聽(tīng)方法和賦值，從而避免了大量的冗余代碼，回去可以狂刪代碼了。下一節(jié)我們來(lái)說(shuō)說(shuō)Data Binding在Recycleview中的用法。

參考代碼地址點(diǎn)這里