1.創(chuàng)建View（Activity Fragment View)

2.創(chuàng)建對應(yīng)的ViewModel,創(chuàng)建對應(yīng)的數(shù)據(jù)變量

class NewBindViewModel: ViewModel() {

    var stauts:MutableLiveData<Int> = MutableLiveData()
    var title:String? = "title"

    fun homeData(){
        GlobalScope.launch {
            loadData()
        }
    }

    suspend fun loadData(){
        var homeData = get("https://cdplay.cn/api/index")
        if(homeData != null){
            title = homeData.data.hotGoodsList.get(0).name
            stauts.postValue(0)
        }
    }

    //網(wǎng)絡(luò)請求
    suspend fun get(str:String) = withContext(Dispatchers.IO){
        val result = URL(str).readText(charset("utf-8"))
        return@withContext Gson().fromJson(result,HomeData::class.java)
    }
}

3.創(chuàng)建對應(yīng)的布局睬关，把創(chuàng)建的xml布局修改成databinding形式(打開布局xml alt+enter)

如：<layout> <data></data> <xx></xx></layout>

4.設(shè)置data節(jié)點(diǎn)的數(shù)據(jù)類型和名字（<variable name="xx" type="xxx"/>）芦圾，注：type可以是任何的一個對象

<?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">

    <!--使用dataBinding的話缭召，根標(biāo)簽要用layout-->
    <data>
        <!--類似于java文件的屬性定義，name表示屬性名肥照，type表示屬性類型-->
        <variable
            name="bindNewVm"
            type="com.shop.viewmodel.NewBindViewModel" />
    </data>


    <androidx.constraintlayout.widget.ConstraintLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        tools:context=".ui.home.NewBindActivity">

        <TextView
            android:id="@+id/title"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:textSize="20sp"
            app:layout_constraintTop_toTopOf="parent"
            app:layout_constraintLeft_toLeftOf="parent"
            android:text="@{bindNewVm.title}"/>

    </androidx.constraintlayout.widget.ConstraintLayout>

</layout>

5.在as選中Build菜單Mark Project編譯一次項目

2021-01-09_171915.png

6.V層通過DataBindingUtil初始化界面（DataBindingUtil.setContentView）,并且獲取綁定返回的binding對象

拿到的binding的對象鸠信，用來調(diào)用界面上的id組件

7.實(shí)例化ViewModel,通過ViewModelProvider初始化VM

如：ViewModelProvider(this).get(NewBindViewModel::class.java)

8.對VM中的變量進(jìn)行賦值

class NewBindActivity : AppCompatActivity() {

    var mBinding:ActivityNewBindBinding? = null
    var vm:NewBindViewModel?= null

    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)

        mBinding = DataBindingUtil.setContentView(this,R.layout.activity_new_bind)
        initVM()

    }

    fun initVM(){
        vm = ViewModelProvider(this).get(NewBindViewModel::class.java)
        vm !!.homeData()
        vm !!.stauts.observe(this, Observer {
            if(it == 0){
                mBinding !!.setVariable(BR.bindNewVm,vm)
            }
        })
    }

}

9.通過binding對象設(shè)置數(shù)據(jù)到界面嚷闭。

    如： mBinding!!.setVariable(BR.bindNewVm,vm)
    注意：BR如果重構(gòu)項目以后訪問不到攒岛，查環(huán)境
    a) module中 build.gradle的插件是否安裝'kotlin-kapt'
        apply plugins 'kotlin-kapt' 或
        plugins {
            id 'kotlin-kapt'
        }
    b) 在build.gradle中android節(jié)點(diǎn)中添加
         kapt {
                generateStubs = true
         }

    c) 在依賴中添加
     kapt  "com.android.databinding:compiler:3.5.0"

10.xml布局的界面綁定，通過xml布局中綁定的data胞锰，綁定數(shù)據(jù)到界面組件

如：    @{數(shù)據(jù)}
        @{bindNewVm.title}  //綁定數(shù)據(jù)到界面
        <TextView
              android:id="@+id/title"
              android:layout_width="match_parent"
              android:layout_height="wrap_content"
              android:text="@{bindNewVm.title}"/>