【Android Jetpack】- DataBinding

简介

实现数据的双向绑定,接收数据的更改同时监听用户对数据的更新

集成

参照官网DataBinding集成

使用

  • 第一步
    创建数据模型
    class DataBindingMode{
        var name = "p"
        var sex = 0
        var birth = ""
    }
    
  • 第二步
    创建布局文件,使用DataBinding,布局顶层需要使用layout。
    <?xml version="1.0" encoding="utf-8"?>
    <layout xmlns:android="http://schemas.android.com/apk/res/android"
        xmlns:tools="http://schemas.android.com/tools">
        <data>
            <import type="com.pds.jetpack.utils.TimeUtils"/>
            <variable
                name="clickListener"
                type="android.view.View.OnClickListener"/>
            <variable
                name="dataBindingMode"
                type="com.pds.jetpack.databinding.DataBindingMode"/>
        </data>
        <LinearLayout
            ...
            tools:context=".databinding.DataBindingActivity">
            <TextView
                android:id="@+id/name"
                ...
                android:text="@{dataBindingMode.name + TimeUtils.getAge(dataBindingMode.birth)}" />
           <include layout="@layout/contact"
             bind:dataMode="@{dataBindingMode}"/>
        </LinearLayout>
    </layout>
    
  • 第三步
    初始化数据,实现数据更新,如果没有找到对应的DataBinding生成类,者先编译一下工程。
    override fun onCreate(savedInstanceState: Bundle?) {
          super.onCreate(savedInstanceState)
          // 以前的setContentView方法改为调用DataBindingUtil的setContentView方法
          val binding: ActivityDataBindingBinding = DataBindingUtil.setContentView(this,R.layout.activity_data_binding)
          // 绑定数据
          val dataBindingMode = DataBindingMode()
          dataBindingMode.name = "pds"
          dataBindingMode.birth = "1993-06-17"
          dataBindingMode.sex = 1
          binding.dataBindingMode = dataBindingMode
      }
    

binding.dataBindingMode = dataBindingMode,如果用java写,其实就是调用ActivityDataBindingBinding的setDataBindingMode方法,将数据modle传进去,里面会将用到的数据绑定到布局上,如果你想查看ActivityDataBindingBinding可以反编译你的apk,得到dex转jar查看。ActivityDataBindingBinding的实现类ActivityDataBindingBindingImpl也可以“build/source/kapt”目录下找到或者全局搜索,实现比较简单,自行查看。

更多用法

完成参考:data-binding

  • 运算符和关键字的使用
    下面是部分,更多参考官网
    android:maxEms="@{(5+1-2)/2*15%8*10}"
    android:text="@{dataBindingMode.name + TimeUtils.getAge(dataBindingMode.birth)}"
    // Logical && ||
    android:includeFontPadding="@{(true || false) &amp;&amp; includeFontPadding}"
    android:linksClickable="@{includeFont == 1}"
    android:focusable="@{includeFont > 1}"
    // Comparison == > < >= <= (Note that < needs to be escaped as &lt;)
    android:enabled="@{includeFont &lt; 1}"
    android:clickable="@{includeFont >= 2}"
    android:contextClickable="@{includeFont &lt;= 2}"
    // Ternary operator ?:
    android:visibility="@{includeFont > 13 ? View.GONE : View.VISIBLE}"
    // Array access []
    android:hint="@{list[index] + map[`firstName`]}"
    android:hint='@{list[index] + map["firstName"]}'
    // 字符串格式化,需要在xml定义nameFormat
    android:text='@{@string/nameFormat("pds", "ps")}'
    
  • 绑定方法
     <TextView
         ...
         android:onClick="@{handlers::onClickFriend}"
          app:isGone="@{true}" />
     <Button
         ...
         android:onClick="@{(v) -> presenter.onCompletedChanged(dataBindingMode, false)}" />
    
    class Presenter{
      companion object{
          private const val TAG = "Presenter"
      }
      fun onCompletedChanged(dataBindingMode: DataBindingMode, completed: Boolean){
          Log.e(TAG,"onCompletedChanged")
          dataBindingMode.firstName.set("丘比特")
          dataBindingMode.birth = "1999-06-17"
      }
    }
    
  • 数据观察
    data class DataBindingMode(val name: String){
        var firstName = ObservableField<String>()
    }
    
    当'firstName'数据发生改变时,会自动更新到UI,同时可以添加firstName'改变监听
    private fun initObserve() {
          dataBindingMode.firstName.addOnPropertyChangedCallback(object : Observable.OnPropertyChangedCallback(){
              override fun onPropertyChanged(sender: Observable?, propertyId: Int) {
                  Log.e(TAG,"onPropertyChanged:${propertyId}")
              }
    
          })
      }
    
    上面时对字段使用,当然可以让数据类继承'BaseObservable'
    class User : BaseObservable() {
     // @get:Bindable用于在BR生成字段
     @get:Bindable
     var firstName: String = ""
         set(value) {
             field = value
             notifyPropertyChanged(BR.firstName)
         }
     @get:Bindable
     var lastName: String = ""
         set(value) {
             field = value
             notifyPropertyChanged(BR.lastName)
         }
    }
    
    @get:Bindable用于在BR生成字段对应的id,在上面给字段添加数据改变监听的回调里面就会返回字段的id。
    • 绑定适配器
      1. 定义适配器类
      @BindingAdapter("imageFromUrl")
      fun bindImageFromUrl(view: ImageView, imageUrl: String?) {
         Log.e(TAG,"fun:bindImageFromUrl")
         if (!imageUrl.isNullOrEmpty()) {
             Glide.with(view.context)
               .load(imageUrl)
               .transition(DrawableTransitionOptions.withCrossFade())
               .into(view)
           }
       }
      
      @BindingAdapter("isGone")
      fun bindIsGone(view: View, isGone: Boolean) {
         if (isGone){
             view.visibility = View.VISIBLE
         }else{
             view.visibility = View.GONE
         }
      }
      
    这里注意,直接创建kotlin文件,然后定义适配器方法。如果有多个相同的适配器方法,那么只会使用其中一个适配器里的方法。
  1. 布局使用
    <ImageView
       ...
       app:imageFromUrl="@{dataBindingMode.imageUrl}"/>
     <TextView
        ...
        app:isGone="@{true}"/>
    
    isGone方法有个默认参数'view',如果适配器方法需要传递多个字段,那么改怎么写呢?
    @BindingAdapter("imageUrl", "error")
    fun loadImage(view: ImageView, url: String, error: Drawable) {
        Picasso.get().load(url).error(error).into(view)
    }
    
    <ImageView app:imageUrl="@{venue.imageUrl}" app:error="@{@drawable/venueError}" />
    
    DataBinding提供的适配器,可以查看'databindng-adapter'适配器库
  • 补充
    @BindingConversion将其它类型转换成另一种类型,使用方法请查看databinding中的Converters类。
    @BindingMethods,@BindingMethod用于适配属性名和设置方法名不同属性方法。

理解原理

这部分可以自己去查看,使用DataBinding生成的对应实现类。

©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 202,905评论 5 476
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 85,140评论 2 379
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 149,791评论 0 335
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 54,483评论 1 273
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 63,476评论 5 364
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,516评论 1 281
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 37,905评论 3 395
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,560评论 0 256
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 40,778评论 1 296
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,557评论 2 319
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,635评论 1 329
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,338评论 4 318
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 38,925评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,898评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,142评论 1 259
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 42,818评论 2 349
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,347评论 2 342

推荐阅读更多精彩内容