在Android中如何使用DataBinding詳解(Kotlin)
前言
本問主要介紹DataBinding在Android App中的使用方法。資料繫結是將“提供器”的資料來源與“消費者”繫結並使其同步的一種通用技術。
1. Android應用程式使用資料繫結
1.1 介紹DataBinding
Android通過DataBinding提供了編寫宣告型佈局的支援。這樣可以最大程度簡化佈局和邏輯相關聯的程式碼。
資料繫結要求修改檔案,外層需要包裹一個layout佈局。主要通過@{} 或 @={}語法把佈局中的元素和表示式的引用寫入到屬性中。
<?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" xmlns:tools="http://schemas.android.com/tools"> <data> <variable name="mainModel" type="me.ithome.jetpack.model.MainViewModel" />① </data> <androidx.constraintlayout.widget.ConstraintLayout android:layout_width="match_parent" android:layout_height="match_parent" tools:context=".MainActivity">② <TextView android:id="@+id/tv_userinfo" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="@{mainModel.userData.toString()}" app:layout_constraintBottom_toBottomOf="parent" app:layout_constraintLeft_toLeftOf="parent" app:layout_constraintRight_toRightOf="parent" app:layout_constraintTop_toTopOf="parent" /> <Button android:id="@+id/button" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_marginTop="56dp" android:onClick="@{(view) -> mainModel.getClick(view)}" android:text="@string/btn_getUserInfo" app:layout_constraintBottom_toTopOf="@+id/tv_userinfo" app:layout_constraintEnd_toEndOf="parent" app:layout_constraintHorizontal_bias="0.498" app:layout_constraintStart_toStartOf="parent" app:layout_constraintTop_toTopOf="parent" /> </androidx.constraintlayout.widget.ConstraintLayout> </layout>
①使用者變數,定義了能在這個佈局裡面使用的屬性和類
②常規佈局
DataBinding會基於layout建立一個Binding class,這個類包含了佈局屬性(定義的變數)到相關檢視的所有繫結,並且會為佈局中的資料元素生成setter,生成的類的名稱是基於layout的名稱(駝峰命名,加上Binding字尾)。比如佈局名是activity_main.xml,生成的類就是ActivityMainBinding。你能通過這個類去inflate佈局和資料模型,也可以通過DataBindingUtil類。
DataBindingUtils載入佈局
val mainBindingUtil = DataBindingUtil.setContentView<ActivityMainBinding>(this,R.layout.activity_main) mainBindingUtil.lifecycleOwner = this
inflate載入佈局(此方法也能用於RecyclerView,ViewPager)
val mainBindingUtil = ActivityMainBinding.inflate(layoutInflater) setContentView(mainBindingUtil.root)
上述兩種方法大家二選一,一般在Activity中我們都用第一種。
1.2 如何啟用DataBinding
想要在Android App工程中使用databinding,只需要在app/build.gradle檔案中設定如下程式碼:
android { .... dataBinding { enabled = true } }
1.3 DataBinding點選事件的處理
佈局的處理除了資料的傳遞,還有點選事件的處理。
使用方式和普通方法呼叫一樣。比如我在MainViewModel.kt中定義了getClick方法
fun getClick(v: View) { //TODO }
現在我想在Button點選的時候呼叫getClick方法,只需要在佈局檔案中新增下面的程式碼
android:onClick="@{(view) -> mainModel.getClick(view)}"
如果不需要引數,可以直接
android:onClick="@{() -> mainModel.getClick()}"
如果有其他引數,對應的新增引數列表
android:onClick="@{() -> mainModel.getClick(args)}"
其他比如onLongClick之類的處理都是同理。
1.4 import的使用
可以通過import的方式匯入類,直接呼叫類的靜態方法。
<data> <import type="me.ithome.jetpack.utils.StringUtils" /> <variable name="mainModel" type="me.ithome.jetpack.model.MainViewModel" /> </data> <TextView android:text="@{StringUtils.capitalize(mainModel.userData.name)}" android:layout_width="wrap_content" android:layout_height="wrap_content"/>
1.5 資料實時重新整理
當viewmodel的資料發生變化後,我們希望佈局也同時重新整理,有個非常簡單的方法,不需要繼承BaseObservable,我們通過引入LiveData來實現。
open class MainViewModel : ViewModel() { var userData: MutableLiveData<UserInfo> = MutableLiveData() init { getUserInfo() } private fun getUserInfo() { val user = UserInfo("李四",(10..50).random()) userData.postValue(user) //資料發生變化後,呼叫postValue,無需通過observe監聽,佈局資料會自動重新整理 } fun getClick(v: View) { getUserInfo() } }
1.6 使用BindingAdapter
可以通過BindingAdapter這個註解來實現屬性值變化的時候,控制元件狀態也跟著變化,比如圖片ImageView,當url變化的時候,控制元件會跟著顯示不同的圖片。
需要在靜態類裡面定義一個靜態方法:
object StringUtils { @BindingAdapter("android:src") @JvmStatic fun loadImage(view: ImageView,url: String) { MyApplication._context?.let { Glide.with(it) .load(url) .into(view) } } }
注意這裡的android:src,這個可以直接指定控制元件的屬性,也可以自己定義屬性。
<ImageView android:id="@+id/imageView" android:layout_width="wrap_content" android:layout_height="wrap_content" app:layout_constraintBottom_toBottomOf="parent" app:layout_constraintEnd_toEndOf="parent" app:layout_constraintStart_toStartOf="parent" app:layout_constraintTop_toBottomOf="@+id/tv_userinfo" android:src="@{mainModel.imageUrl}" tools:srcCompat="@tools:sample/avatars" />
loadImage方法繫結的是android:src這個屬性,所以當這個屬性的值變化時會把view和url傳遞到loadImage。
如果是繫結的自定義欄位呢?比如我現在綁定了一個自定義的url。
@BindingAdapter("url") @JvmStatic fun loadImage(view: ImageView,url: String) { ... }
那麼佈局檔案就這麼寫
<ImageView android:id="@+id/imageView" android:layout_width="wrap_content" android:layout_height="wrap_content" app:layout_constraintBottom_toBottomOf="parent" app:layout_constraintEnd_toEndOf="parent" app:layout_constraintStart_toStartOf="parent" app:layout_constraintTop_toBottomOf="@+id/tv_userinfo" app:url="@{mainModel.imageUrl}" tools:srcCompat="@tools:sample/avatars" />
總結
前面主要是寫了databinding的一些基本用法,擴充套件用法還比較多,我們後續再接著說。
到此這篇關於在Android中如何使用DataBinding(Kotlin)的文章就介紹到這了,更多相關Android使用DataBinding(Kotlin)內容請搜尋我們以前的文章或繼續瀏覽下面的相關文章希望大家以後多多支援我們!