[翻譯] Android Data Binding(3): 讓view id變得不必要

原文地址: https://medium.com/google-developers/android-data-binding-adding-some-variability-1fe001b3abcc#.xjl7y8ohh

你是否看過別人的layout并想:這個值在哪里設(shè)置和獲取.或者,你覺得不需要findViewById了是很好的一個開始,但仍然存在很多樣板代碼.Android Data Binding讓這個變得簡單.

使用ViewHolder模式<a id="orgheadline3"></a>

假設(shè)我們需要在應(yīng)用中顯示用戶信息. 在前面,我展示了使用Android Studio
通過如下的layout文件生成一個"View Holder"類:

user_info.xml
<?xml version="1.0" encoding="utf-8"?>
<layout xmlns:android="http://schemas.android.com/apk/res/android">
    <LinearLayout
            android:orientation="vertical"
            android:layout_width="match_parent"
            android:layout_height="match_parent">
        <ImageView
                android:id="@+id/userImage"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"/>
        <TextView
                android:id="@+id/userFirstName"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"/>

        <TextView
                android:id="@+id/userLastName"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"/>
    </LinearLayout>
</layout>

然后給View設(shè)置數(shù)據(jù):

private void setUser(User user, ViewGroup root) {
    UserInfoBinding binding =
        UserInfoBinding.inflate(getLayoutInflater(), root, true);
    binding.userFirstName.setText(user.firstName);
    binding.userLastName.setText(user.lastName);
    binding.userImage.setImageBitmap(user.image);
}

雖然這看上去要比findViewById好, 但仍然存在很多的樣板代碼!
可以通過在layout文件中使用data binding表達(dá)式來消除這些樣板代碼,
實現(xiàn)自動賦值.

給變量賦值<a id="orgheadline4"></a>

首先, 增加一個binding表達(dá)式需要的 data 標(biāo)簽以及一個相關(guān)變量.
然后, 對于layout中需要賦值的屬性, 使用binding表達(dá)式.

<?xml version="1.0" encoding="utf-8"?>
<layout xmlns:android="http://schemas.android.com/apk/res/android">
    <data>
        <variable
            name="user"
            type="com.example.myapp.model.User"/>
    </data>
    <LinearLayout
            android:orientation="vertical"
            android:layout_width="match_parent"
            android:layout_height="match_parent">
        <ImageView
                android:src="@{user.image}"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"/>
        <TextView
                android:text="@{user.firstName}"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"/>

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

標(biāo)簽中的binding表達(dá)式表示為 "@{…}" 格式.上述表達(dá)式直接將用戶的image,firstName,lastName賦值給view的source和text.這樣就不用再寫樣板代碼了.但是仍然不知道需要使用那個用戶所以需要做分配:

private void setUser(User user, ViewGroup root) {
    UserInfoBinding binding =
        UserInfoBinding.inflate(getLayoutInflater(), root, true);
    binding.setUser(user);
}

很簡單!

從上述layout文件可以看到,View沒有ID. 那我們在前面文章中試圖生成的View Holder呢? 因為數(shù)據(jù)直接被綁定到了view上, 所以這里就不需要再去訪問view了! 只是簡單的設(shè)置變量,所有事情就完成了.

而且犯錯的幾率也變小了.例如, 你在橫屏模式下沒有用戶圖片,那么就不需要檢查ImageView是否存在. 每個layout都會計算binding表達(dá)式, 如果沒有ImageView,就不會執(zhí)行更新代碼.

這并不意味著View Holder就過時了. 還有很多時候你會需要直接訪問view.只是這種情況比以前少了很多.

Include Layouts<a id="orgheadline5"></a>

那么, 包含的layout怎么辦? 同樣可以使用該功能, 就想View Holder模式一樣.例如, 假設(shè)展示用戶名稱的TextView在一個被包含的layout中:

user_name.xml
<?xml version="1.0" encoding="utf-8"?>
<layout xmlns:android="http://schemas.android.com/apk/res/android">
    <data>
        <variable
                name="user"
                type="com.example.myapp.model.User"/>
    </data>

    <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:orientation="horizontal">
        <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="@{user.firstName}"/>

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

可以在外層的layout中用如下方式來賦值user變量:

<?xml version="1.0" encoding="utf-8"?>
<layout xmlns:android="http://schemas.android.com/apk/res/android"
        xmlns:app="http://schemas.android.com/apk/res-auto">
    <data>
        <variable
                name="user"
                type="com.example.myapp.model.User"/>
    </data>
    <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:orientation="vertical">
        <ImageView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:src="@{user.image}"/>
        <include
                layout="@layout/user_name"
                app:user="@{user}"/>
    </LinearLayout>
</layout>

當(dāng)user被設(shè)置時(通過代碼 binding.setUser(…)), 被包含的layout的user變量也會被設(shè)置,因為設(shè)置了 *app:user="@{user}"*. 再次注意, 因為被包含的layout的view不需要被直接訪問,(我甚至都沒有設(shè)置id), 這里沒有給include設(shè)置ID.

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末素邪,一起剝皮案震驚了整個濱河市序目,隨后出現(xiàn)的幾起案子薪前,更是在濱河造成了極大的恐慌宋光,老刑警劉巖,帶你破解...
    沈念sama閱讀 221,198評論 6 514
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件叽粹,死亡現(xiàn)場離奇詭異览效,居然都是意外死亡,警方通過查閱死者的電腦和手機(jī)虫几,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 94,334評論 3 398
  • 文/潘曉璐 我一進(jìn)店門锤灿,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人辆脸,你說我怎么就攤上這事但校。” “怎么了啡氢?”我有些...
    開封第一講書人閱讀 167,643評論 0 360
  • 文/不壞的土叔 我叫張陵状囱,是天一觀的道長。 經(jīng)常有香客問我倘是,道長亭枷,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 59,495評論 1 296
  • 正文 為了忘掉前任搀崭,我火速辦了婚禮叨粘,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘。我一直安慰自己升敲,他們只是感情好答倡,可當(dāng)我...
    茶點故事閱讀 68,502評論 6 397
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著驴党,像睡著了一般瘪撇。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上鼻弧,一...
    開封第一講書人閱讀 52,156評論 1 308
  • 那天设江,我揣著相機(jī)與錄音锦茁,去河邊找鬼攘轩。 笑死,一個胖子當(dāng)著我的面吹牛码俩,可吹牛的內(nèi)容都是我干的度帮。 我是一名探鬼主播,決...
    沈念sama閱讀 40,743評論 3 421
  • 文/蒼蘭香墨 我猛地睜開眼稿存,長吁一口氣:“原來是場噩夢啊……” “哼笨篷!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起瓣履,我...
    開封第一講書人閱讀 39,659評論 0 276
  • 序言:老撾萬榮一對情侶失蹤率翅,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后袖迎,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體冕臭,經(jīng)...
    沈念sama閱讀 46,200評論 1 319
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 38,282評論 3 340
  • 正文 我和宋清朗相戀三年燕锥,在試婚紗的時候發(fā)現(xiàn)自己被綠了辜贵。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 40,424評論 1 352
  • 序言:一個原本活蹦亂跳的男人離奇死亡归形,死狀恐怖托慨,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情暇榴,我是刑警寧澤厚棵,帶...
    沈念sama閱讀 36,107評論 5 349
  • 正文 年R本政府宣布,位于F島的核電站蔼紧,受9級特大地震影響窟感,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜歉井,卻給世界環(huán)境...
    茶點故事閱讀 41,789評論 3 333
  • 文/蒙蒙 一柿祈、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧,春花似錦躏嚎、人聲如沸蜜自。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,264評論 0 23
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽重荠。三九已至,卻和暖如春虚茶,著一層夾襖步出監(jiān)牢的瞬間戈鲁,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 33,390評論 1 271
  • 我被黑心中介騙來泰國打工嘹叫, 沒想到剛下飛機(jī)就差點兒被人妖公主榨干…… 1. 我叫王不留婆殿,地道東北人。 一個月前我還...
    沈念sama閱讀 48,798評論 3 376
  • 正文 我出身青樓罩扇,卻偏偏與公主長得像婆芦,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子喂饥,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 45,435評論 2 359

推薦閱讀更多精彩內(nèi)容