Kotlin中關於DataBinding

文章目錄

• • android:visibility 可見性綁定和onClick綁定
  • 數據單向綁定的問題（數據改變動改視圖）
  • 點擊事件監聽
  • 數據雙向綁定問題
  • 調用類中的方法::
  • Unresolved reference: BR
  • 常量值和變量組合綁定
  • databinding中使用邏輯與運算符&&

android:visibility 可見性綁定和onClick綁定

<data>
        <import type="android.view.View"/>
        <variable
            name="data"
            type="com.x.x.x.Bean" />
        <variable
            name="listener"
            type="android.view.View.OnClickListener" />
    </data>
    
    
    <!--要在data節點下引入view-->
     android:visibility="@{data.isCharge ? View.VISIBLE: View.GONE}">

數據單向綁定的問題（數據改變動改視圖）

binding中的數據data類對應的JavaBean類bean，bean的屬性修改後從新賦值給binding，就能夠通知UI更改綁定的視圖，實現數據和視圖的動態綁定

bean = xxBean("數據綁定",false) 
  mBinding.data = bean //javabean的值更改，視圖層UI也就是xml文件中引用data的地方也隨之修改

• 數據承載類

open class BaseDto : Serializable {
}

data class SupportCodeDes(
    var codeList:List<String>? = arrayListOf()
):BaseDto()

• model層獲取數據

var codeList:MutableLiveData<SupportCodeDes> = MutableLiveData()

   fun getSupportCode(){
        var list = VehicleConfig.getAllFunction()
        var supportCodeDes = SupportCodeDes(list)
        codeList.postValue(supportCodeDes)
    }

• UI調用方法

override fun initData() {
        mModel.getSupportCode()
        mModel.codeList.observe(this, Observer {
            logE("更新UI ${it.codeList}")
            mBinding.code = it
        })
    }

• xml中更新UI

<data>
        <import type="android.view.View" />
        <variable
            name="listener"
            type="android.view.View.OnClickListener" />
        <variable
            name="code"
            type="com.beans.vehicle.dto.SupportCodeDes" />
    </data>
    
 <LinearLayout
            android:id="@+id/ll_find_car"
            android:onClick="@{listener}"
            android:visibility="@{code.codeList.contains(`1-1-3`)==true?View.VISIBLE:View.GONE}"
            style="@style/RemoteShowLineCenter">

點擊事件監聽

mBinding.listener = View.OnClickListener {
            when(it.id){
                R.id.tv_temperature -> showAirControlDialog()
            }
        }

數據雙向綁定問題

數據改變時同時使視圖刷新,例如EditText的綁定
綁定變量的方式比單向綁定多了一個等號：android:text="@={user.name}"

<data>
        <variable name="userInfo" type="com.github.ixiaow.sample.model.ObservableUser"/>
    </data>
<EditText
                app:layout_constraintVertical_chainStyle="spread"
                android:id="@+id/mUserName"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="@={userInfo.name, default=`name`}"
                app:layout_constraintBottom_toBottomOf="parent"
                app:layout_constraintLeft_toLeftOf="parent"
                app:layout_constraintRight_toRightOf="parent"
                app:layout_constraintTop_toTopOf="parent"/>

當 EditText的輸入內容改變時，會同時同步到變量 user

調用類中的方法::

android:onClick="@{onClickUtil::onClickWithMe}"

Unresolved reference: BR

手動導入BR

• import com.xx.xx.BR

常量值和變量組合綁定

android:text="@{`您的愛車`+myData.licenseNumber+`很是健康，繼續保持哦`}"

databinding中使用邏輯與運算符&&

'&' --> '&'

'<' --> '&lt;'

'>' --> '&gt;'

android:visibility="@{data.isOwner()==true && data.isDefault()==false ? View.VISIBLE:View.GONE}"