DataBinding其一

  1. gradle配置
  2. xml配置
  3. “膨脹視圖”
    DataBinding是jetpack的一個庫参淹,其作用是擴充xml布局文件的功能统抬,拉近xml和activity/fragment的距離趾徽。使開發(fā)進一步簡便。下面就來介紹DataBinding。

DataBinding其二
DataBinding其三

1掰担、gradle配置

在用之前我們得先有它续捂。首先我們得在需要使用該庫的模塊(module)中的build.gradle文件中相應(yīng)位置加入相應(yīng)的配置:

apply plugin: 'kotlin-kapt'//當(dāng)需要用到注解時添加

android {
   //code...
    dataBinding {
        enabled true //啟用dataBinding
    }
    //dataBinding.enabled = true  這樣也可以
    //code...
}

同步之后就可以使用DataBinding了垦垂。

2、xml配置

xml配置是使用DataBinding第一步牙瓢。往常我們的布局文件是這樣的

<androidx.constraintlayout.widget.ConstraintLayout
 xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".MainActivity">
 <!—-code——>
</androidx.constraintlayout.widget.ConstraintLayout>

希望該xml使用Databinding就需要對它進行改造:

<layout xmlns:android="http://schemas.android.com/apk/res/android">
<data class=“MainLayoutBinding”><!——這里有個class屬性——>
      <import type="android.text.Html" alias="html"/>
    <variable
        name="demo"
        type="String" />
</data>

<androidx.constraintlayout.widget.ConstraintLayout
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".MainActivity">
<!—-code——>
</androidx.constraintlayout.widget.ConstraintLayout>
</layout>

你可以將這兩段xml代碼做對比劫拗,多出來的部分就是DataBinding的配置了,接下來我們一點一點來分析這段配置矾克。

2.1页慷、<layout>標(biāo)簽

該標(biāo)簽是必須的,只有被該標(biāo)簽包裹的布局才能被Databinding識別胁附,所以<layout>就是布局文件的根標(biāo)簽酒繁。在該標(biāo)簽下有且僅有兩個標(biāo)簽,其中一個是<data>控妻,另外一個就是原本的布局文件頂級標(biāo)簽州袒。
被DataBinding識別的布局文件都會自動生成一個綁定類,該類的名稱由布局文件名轉(zhuǎn)化而來———下劃線語法變成駝峰語法+Binding:
activity_main.xml得到的綁定類是:ActivityMainBinding

2.2弓候、<data>標(biāo)簽

故名思義郎哭,該標(biāo)簽是為DataBinding在該xml中提供數(shù)據(jù)用的他匪,可以看到該標(biāo)簽有一個屬性class,這是為自動生成的綁定類提供名稱用的夸研,也就是說:
activity_main.xml會得到這樣的綁定類:MainLayoutBinding

建議在自定義綁定類名時遵循原本的語法:在末尾加上Binding,以表示是一個布局綁定類邦蜜。

該標(biāo)簽下可以有兩種標(biāo)簽:<import><variable>

<import>:導(dǎo)入標(biāo)簽亥至,可以對具體的類進行導(dǎo)入悼沈,然后在DataBinding環(huán)境的xml中使用。
type是需要導(dǎo)入的類的完整類名姐扮,alias是別名井辆。(你可以將<import>等效于java/kotlin的imort關(guān)鍵字)
用法:主要用于導(dǎo)入一些類,并使用其中的靜態(tài)方法

<variable>:變量標(biāo)簽溶握,通過在java/kotlin代碼中調(diào)用相應(yīng)方法傳入具體的對象杯缺,使在xml中可以通過綁定表達式直接使用數(shù)據(jù)對象。
name是變量名睡榆,type是變量的類型萍肆。

到這,dataBinding在xml中的配置基本完成胀屿。

2.3塘揣、綁定表達式

在xml中使用在控件中使用Databinding的方式:@{//code…}
舉個例子:

使用綁定表達式

2.4、使用快捷鍵快速配置

你可以在xml布局中將光標(biāo)放在根標(biāo)簽上宿崭,使用快捷鍵option+回車即可呼出以下界面:

使用快捷鍵

選中第一個選項即可完成dataBinding的xml配置亲铡。
該快捷鍵對應(yīng)的是:


快捷鍵命令

可自行在As的keymap配置中進行查找和更改。

3葡兑、膨脹(inflate)視圖

對于普通的布局xml視圖奖蔓,我們可以通過View.inflate()LayoutInflater.from(this).inflate()等方法將xml膨脹為View以致可以在代碼環(huán)境中訪問布局讹堤。而DataBinding也給我們提供了這么一套方法吆鹤,由DataBindingUtil提供,inflate原理和以前是一樣的:

val binding = DataBindingUtil.inflate<ActivityMainBinding>(
    layoutInflater,
    R.layout.activity_main,
    parent,
    true
)

如果是給activity設(shè)置根視圖可以這樣:

override fun onCreate(savedInstanceState: Bundle?) {
    super.onCreate(savedInstanceState)
//code… 
val binding = DataBindingUtil.setContentView<ActivityMainBinding>(this,R.layout.activity_main)
//code…
}

還有一種簡便的方法就是通過綁定類的靜態(tài)方法進行inflate:

val binding = ActivityMainBinding.inflate(layoutInflater,parent,true)

這些方法都可以得到一個對應(yīng)綁定類的對象binding洲守,通過這個對象我們就可以通過屬性(不可變字段)的方式直接訪問布局文件中的信息疑务,這些屬性就是根據(jù)布局文件中的控件id所生成的。(這樣最大的好處就是擺脫了findViewById)梗醇。

3.1知允、結(jié)合LiveData

ViewDataBinding有一個設(shè)置LifecycleOwner,這樣在綁定表達式中直接綁定LiveData就可以了,無需在activity/fragment中監(jiān)聽叙谨。

3.2温鸽、bind方法的使用

在使用DataBindingUtil類時會發(fā)現(xiàn)有一個bind方法,該方法可以通過一個view重新得到對應(yīng)的綁定類唉俗。

val binding = DataBindingUtil.inflate<ActivityMainBinding>(
//code…
) //得到一個綁定類
val root:View = binding.root //得到一個根View
Val bind:ActivityMainBinding = DataBindingUtil.bind(root)//通過根View再次得到綁定類

想象一下這個場景:
你擁有ActivityMainBinding類(以下稱為綁定類)嗤朴,但是在某個過程中你需要將他變成一個View使用,比如RecyclerView/ListView的Adapter虫溜。這時你可以通過綁定類的getRoot方法獲得對應(yīng)的View雹姊。
但是到后面你發(fā)現(xiàn)你還需要綁定類來做一些處理,那么這時你可以通過bind方法重新通過(從getRoot方法中得到的)View獲得對應(yīng)的綁定類衡楞。

這樣的好處在于你無需一直維護綁定類吱雏,但是在需要的時候隨時可以得到。

3.3瘾境、設(shè)置變量

還記得在xml中的<data>標(biāo)簽嗎歧杏?其中的<variable>標(biāo)簽所代表的變量會在綁定類中生成一對get、set方法迷守,我們可以直接設(shè)置:

binding.demo = “這是變量”//由于是kotlin犬绒,所以可以得到一個變量

除了上面的設(shè)置方法,還有另外一種設(shè)置方法:

binding.setVariable(BR.demo,”這是變量”)

這是因為DataBinding會根據(jù)<data>標(biāo)簽中的<variable>標(biāo)簽生成對應(yīng)的BR值兑凿。而setVariable方法并非屬于特定的綁定類凯力,而是屬于他們的父類:ViewDataBinding。
兩者可以得到相同的結(jié)果礼华。

3.4咐鹤、設(shè)置點擊監(jiān)聽器

沒錯,用了dataBinding之后我們幾乎可以不用在代碼上寫 setOnClickListener方法了圣絮。我們可以通過DataBinding將點擊事件直接綁定到xml上祈惶。
為了方便演示,我將需要綁定的事件就放在Activity上:

  1. 準(zhǔn)備一個方法:
#Activity
fun onClick(view:View){
//code…
}
  1. 將activity綁定到DataBinding上
<data class=“MainLayoutBinding”>
      <import type="android.text.Html" alias="html"/>
    <variable
        name="activity"
        type="..Activity" /> <!—-activity的完整類名——>
</data>
<LinearLayout…>
    <TextView 
    onClick=“@{view->activity.onClick(view)}”/><!——綁定點擊監(jiān)聽器——>
</LinearLayout>

事實上扮匠,點擊監(jiān)聽器綁定的方式還有其他:

<TextView 
    onClick=“@{activity.onClick}”/>
<TextView 
    onClick=“@{activity::onClick}”/>
<!——這兩種和上面的是同樣效果的—->

如果不需要view也可以省掉:

<TextView 
    onClick=“@{()->activity.onClick()}”/>

至于綁定其他的監(jiān)聽器也是一樣的捧请。
可以看出,對于綁定的方法棒搜,沒有特殊的限制血久,所以點擊事件綁定幾乎可以綁定到任何方法上。

小結(jié)

Databinding是一個操作xml布局的庫帮非,我們可以通過綁定表達式氧吐,將一些屬于View的操作從Activity/Fragment中轉(zhuǎn)移到xml布局文件中,減輕了activity/fragment的負(fù)擔(dān)末盔。

可以直接綁定數(shù)據(jù)筑舅,甚至可以直接綁定一些事件,使得View在activity/fragment中出現(xiàn)的幾率越來越低了陨舱。

當(dāng)然這只是Databinding系列的第一篇翠拣,也是最簡單的一篇,下一篇將介紹dataBinding在xml中具體用法游盲、xml中String多種使用方式误墓、xml中隱藏的那些資源以及綁定適配器(BindingAdapter)

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末蛮粮,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子谜慌,更是在濱河造成了極大的恐慌然想,老刑警劉巖,帶你破解...
    沈念sama閱讀 222,183評論 6 516
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件欣范,死亡現(xiàn)場離奇詭異变泄,居然都是意外死亡,警方通過查閱死者的電腦和手機恼琼,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 94,850評論 3 399
  • 文/潘曉璐 我一進店門妨蛹,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人晴竞,你說我怎么就攤上這事蛙卤。” “怎么了噩死?”我有些...
    開封第一講書人閱讀 168,766評論 0 361
  • 文/不壞的土叔 我叫張陵表窘,是天一觀的道長。 經(jīng)常有香客問我甜滨,道長乐严,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 59,854評論 1 299
  • 正文 為了忘掉前任衣摩,我火速辦了婚禮昂验,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘艾扮。我一直安慰自己既琴,他們只是感情好,可當(dāng)我...
    茶點故事閱讀 68,871評論 6 398
  • 文/花漫 我一把揭開白布泡嘴。 她就那樣靜靜地躺著甫恩,像睡著了一般。 火紅的嫁衣襯著肌膚如雪酌予。 梳的紋絲不亂的頭發(fā)上磺箕,一...
    開封第一講書人閱讀 52,457評論 1 311
  • 那天,我揣著相機與錄音抛虫,去河邊找鬼松靡。 笑死,一個胖子當(dāng)著我的面吹牛建椰,可吹牛的內(nèi)容都是我干的雕欺。 我是一名探鬼主播,決...
    沈念sama閱讀 40,999評論 3 422
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼屠列!你這毒婦竟也來了啦逆?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 39,914評論 0 277
  • 序言:老撾萬榮一對情侶失蹤笛洛,失蹤者是張志新(化名)和其女友劉穎夏志,沒想到半個月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體撞蜂,經(jīng)...
    沈念sama閱讀 46,465評論 1 319
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 38,543評論 3 342
  • 正文 我和宋清朗相戀三年侥袜,在試婚紗的時候發(fā)現(xiàn)自己被綠了蝌诡。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 40,675評論 1 353
  • 序言:一個原本活蹦亂跳的男人離奇死亡枫吧,死狀恐怖浦旱,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情九杂,我是刑警寧澤颁湖,帶...
    沈念sama閱讀 36,354評論 5 351
  • 正文 年R本政府宣布,位于F島的核電站例隆,受9級特大地震影響甥捺,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜镀层,卻給世界環(huán)境...
    茶點故事閱讀 42,029評論 3 335
  • 文/蒙蒙 一镰禾、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧唱逢,春花似錦吴侦、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,514評論 0 25
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至痪枫,卻和暖如春织堂,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背捧挺。 一陣腳步聲響...
    開封第一講書人閱讀 33,616評論 1 274
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留闽烙,地道東北人。 一個月前我還...
    沈念sama閱讀 49,091評論 3 378
  • 正文 我出身青樓黑竞,卻偏偏與公主長得像捕发,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子很魂,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 45,685評論 2 360

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