【Jetpack-三】DataBinding類前後端分離學習筆記

一.基礎步驟

  1. 建立和之前一樣的mod
  2. 修改項目內gradle文件,啓用databinding
    在這裏插入圖片描述
   dataBinding {
            enabled true
        }
  1. 將對應layout文件點擊小燈泡轉換爲databinding layout
    在這裏插入圖片描述
    轉換DataBinding後多了兩個標籤
    在這裏插入圖片描述
  2. 來到主界面發現多了一個類型就是我們轉換的layout
  3. 通過新的方式指定layout和調用上面控件,不用findbyid,不過用了kotlin本來就不用emmmm,kotlin真香
    在這裏插入圖片描述

前後端分離

1.配置XMl標籤

  1. 創建鍵值對類型指代後端界面的ViewModel
    <data>
        <variable
            name="data"
            type="com.ywjh.databinding.ViewModelDataBinding"/>

    </data>

在這裏插入圖片描述

二. 修改前端內容

  1. 將原text內容,通過data取出number再設置使用String.valueOf(data.number)也可以
    在這裏插入圖片描述
  2. 修改button,直接設置點擊指定方法
    在這裏插入圖片描述
  3. 修改主界面源代碼
    1)監聽可以去掉
    2)用binding.setLifecycleOwner即可發揮livedata的作用
    在這裏插入圖片描述

補充

如果想重置,寫個方法全置0 ,想撤銷就每次更改時記錄更改前的值,若是想設計橫向頁面,選擇Create Landscope Variation即可
在這裏插入圖片描述

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章