1.官方文档

  https://developer.android.com/topic/libraries/data-binding/binding-adapters

  https://developer.android.com/topic/libraries/data-binding/two-wa

2.自定义绑定

2.1 系统定义的绑定方法

  假设在绑定布局文件中使用app:aaaaa 的属性,绑定库自动尝试查找方法 setAaaaa(arg)

  • 按app:aaaaa 时传递的参数, 找到参数匹配或兼容的那个方法setAaaaa
  • 不会考虑属性的命名空间
  • 搜索方法时仅使用属性名称和类型
  • 假设类Student包含 setTtttt 这个方法,那么可以直接在布局文件中使用 app:ttttt 这个属性。

2.2 自定义绑定的方法

  • a.重新绑定属性与对应的方法

         @BindingMethods(value = [
    BindingMethod(
    type = ImageView::class,
    attribute = "android:tint",
    method = "setImageTintList")])

上述代码把 android:tint 这个属性绑定到了setImageTintList方法。官方文档中并没有给出这段应该放哪里,放在类里面编译不过,通过官方完整示例中发现它是全局的。

  • b.修改系统已经定义好的方法

             @androidx.databinding.BindingAdapter("android:paddingLeft")
    @JvmStatic
    fun setPaddingLeft(view: View, oldPadding: Int, newPadding: Int) {
    if (oldPadding != newPadding) {
    view.setPadding(,
    view.getPaddingTop(),
    view.getPaddingRight(),
    view.getPaddingBottom())
    }
    }

    重新定义了 android:paddingLeft属性,注意,调用的时候  android:paddingLeft='@{16}' 才匹配这个方法,android:paddingLeft="16dp" 还是系统的那个方法。

   出现冲突时,自定义的绑定方法会替换数据绑定库提供的默认方法.

   重新定义系统已经存在的属性没意义,这个方法要以 '@{16}‘ 这种 方式调用,android:paddingLeft="16dp" 无效

  • c.把多个属性联合在一起,绑定个方法

             @JvmStatic
    @androidx.databinding.BindingAdapter(value = ["imageUrl", "error"], requireAll = false)
    fun loadImage(view: ImageView, url: String, error: Drawable) {
    Picasso.get().load(url).error(error).into(view)
    }

    requireAll = false 的含义是 单独使用imageUrl,error其中一个属性的时候,就绑定这个方法,true就是必需同时使用这两个属性的时候才绑定这个方法。

    使用

    <ImageView
    android:id="@+id/imageView2"
    android:layout_width="64dp"
    android:layout_height="64dp"
    app:error='@{@drawable/error}'
    app:imageUrl='@{"sdfsd.com/fef.ppppjnpng"}'
    />

2.3 类型转换 @BindingConversion

作用:使用这个 注解可以定义一个类型A到类型B在转换函数,函数名的格式为

convertAToB,如 convertStringToData
         @JvmStatic
@androidx.databinding.BindingConversion
fun convertStringToData(name : String) = Data()

3. 双向绑定

3.1 单向的问题

  默认是单向绑定,控件与用户的交互(如输入新的名字,点单选框复选框)不会自动修改对应的绑定数据对象,要在代码里手动处理相应的控件事件,在事件函数里修改数据对象。如:

     val data = Data()
lateinit var binding : Way2Binding
val nameWatcher = object : TextWatcher{
override fun afterTextChanged(p0: Editable?) {
val txt = p0.toString()
data.name = txt
binding.invalidateAll()
}
override fun beforeTextChanged(p0: CharSequence?, p1: Int, p2: Int, p3: Int) {}
override fun onTextChanged(p0: CharSequence?, p1: Int, p2: Int, p3: Int) {}
} fun initBinding(){
binding.data = data
binding.normalEdt.addTextChangedListener(nameWatcher)
}

3.2 使用双向绑定

  使用双向绑定可以简化这个问题,减少相应代码。

  用 @={} 表示可接收属性的数据更改并同时监听用户更新.

       <EditText
...
android:text='@={data.name,default=@string/data_name}'
.../>

  这样当用户在这个EditText上输入新的内容后,直接更新到绑定的数据对象。

  注意: @={} 不可以使用格式化的@string/xx   

3.3 自定义的属性使用双向绑定

a.自定义属性的 setXXX

     @BindingAdapter("dataName")
@JvmStatic fun setDataName(edt : EditText, txt : String){
edt.setText(txt)
}

b.自定义属性的 getXXX

     @InverseBindingAdapter(attribute = "dataName")
@JvmStatic fun getDataName(edt : EditText) : String{
return edt.text.toString()
}

注意:attribute =  不可少,否则编译不过。

c.编写属性变化监听器及想要监听的事件

     @BindingAdapter("dataNameAttrChanged")
@JvmStatic fun setListener(edit : EditText, listener: InverseBindingListener?) {
Log.e("dataNameAttrChanged","txt = ${edit.text.toString()}")
var txt = ""
edit.addTextChangedListener(object : TextWatcher{
override fun afterTextChanged(p0: Editable?) {
Log.e("dataNameAttrChanged","afterTextChanged")
if (txt != p0.toString()){
listener?.onChange()
txt = p0.toString()
}
}
override fun beforeTextChanged(p0: CharSequence?, p1: Int, p2: Int, p3: Int) {}
override fun onTextChanged(p0: CharSequence?, p1: Int, p2: Int, p3: Int) {}
})
}
  • InverseBindingListener 是属性变化监听器
  • 这个 EditText 监听的事件是 textChanged

注意:  listener?.onChange() 容易死 循环,要判断下原内容与新内容,不一样才调用这个函数。上述代码中的高亮部分。

d.布局文件中使用

    <EditText  app:dataName='@={data.name}'  ... >

3.4 类型转换的双向绑定

使用类型转换时,也可以使用双向绑定,但是要指定一个反向转换的函数。用 @InverseMethod("转换函数名") 来声明。

 @file:JvmName("Converter")

 package com.example.databind
import androidx.databinding.InverseMethod class A (var name: String) @InverseMethod("a2String")
fun string2a(string: String) : A{
return A(string)
} fun a2String(a : A) : String{
return a.name
}

在布局文件中

    <EditText android:text='@={Converter.a2String(a)}' />

3.5 支持双向绑定的内置属性

控件 属性 绑定适配器所在的类
AdapterView android:selectedItemPosition
android:selection
AdapterViewBindingAdapter
CalendarView android:date CalendarViewBindingAdapter
CompoundButton android:checked CompoundButtonBindingAdapter
DatePicker android:year
android:month
android:day
DatePickerBindingAdapter
NumberPicker android:value NumberPickerBindingAdapter
RadioButton android:checkedButton RadioGroupBindingAdapter
RatingBar android:rating RatingBarBindingAdapter
SeekBar android:progress SeekBarBindingAdapter
TabHost android:currentTab TabHostBindingAdapter
TextView android:text TextViewBindingAdapter
TimePicker android:hour
android:minute
TimePickerBindingAdapte

 

android 数据绑定(6)自定义绑定方法、双向数据绑定的更多相关文章

  1. 【Angular 5】数据绑定、事件绑定和双向绑定

    本文为Angular5的学习笔记,IDE使用Visual Studio Code,内容是关于数据绑定,包括Property Binding.Class Binding.Style Binding. 在 ...

  2. 2-4 Vue中的属性绑定和双向数据绑定

    <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ...

  3. Vue学习之vue属性绑定和双向数据绑定

    <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ...

  4. angular 双向数据绑定与vue数据的双向数据绑定

    二者都是 MVVM 模式开发的典型代表 angular 是通过脏检测实现,angular 会将 UI 事件,请求事件,settimeout 这类延迟的对象放入到事件监测的脏队列,当数据变化的时候,触发 ...

  5. Angularjs进阶笔记(2)-自定义指令中的数据绑定

    有关自定义指令的scope参数,网上很多文章都在讲这3种绑定方式实现的效果是什么,但几乎没有人讲到底怎么使用,本篇希望聊聊到底怎么用这个话题. 一. 自定义指令 自定义指令,是Angularjs用来实 ...

  6. angularJs初体验,实现双向数据绑定!使用体会:比较爽

    使用初体验:ng 双向数据绑定: 最简单的双向数据绑定:(使用默认模块控制) <body ng-app> <input type="text" ng-model= ...

  7. 组件使用v-model、$listeners、.sync(区别于v-model的双向数据绑定)

    自定义组件 自定义组件的v-model 首先我们先说一下在自定义组件中使用v-model的必要条件 在自定义的组件中要有input(这里我们先不讨论单选复选框) 在自定义组件的模板对象中要有props ...

  8. vue 双向数据绑定的实现学习(一)

    前言:本系列学习笔记从以下几个点展开 什么是双向数据绑定 双向数据绑定的好处 怎么实现双向数据绑定 实现双向数据数据绑定需要哪些知识点 数据劫持 发布订阅模式 先看看我们要实现的目标是什么,如下动图: ...

  9. ng 双向数据绑定

    1.方向1:model->View模型数据绑定到视图 绑定的方式:①双花括号 ②常见的ng指令(ngRepeat ngIf ngShow....) 效果:数据一旦绑定到视图上,随着数据的修改,视 ...

随机推荐

  1. java多线程编程实例

    [转]这篇文章主要介绍了java多线程编程实例,分享了几则多线程的实例代码,具有一定参考价值,加深多线程编程的理解还是很有帮助的,需要的朋友可以参考下. 1.三个售票窗口同时出售20张票程序分析:   ...

  2. 04-Thread的生命周期

    图示: 说明: 1.生命周期关注两个概念:状态.相应的方法 2.关注:状态a-->状态b:哪些方法执行了(回调方法) 某个方法主动调用:状态a-->状态b 3.阻塞:临时状态,不可以作为最 ...

  3. ConHost.exe机制

  4. Hexo博客部署到远程仓库(Conding、Gitee、Github)

    一.本地环境搭建 1.安装Git Git可以有效.高速的处理各种项目版本管理.也就是用来管理你的hexo博客文章,上传到GitHub的工具. Git下载地址 安装好了之后使用git -version查 ...

  5. Python创建进程、线程的两种方式

    代码创建进程和线程的两种方式 """ 定心丸:Python创建进程和线程的方式基本都是一致的,包括其中的调用方法等,学会一个 另一个自然也就会了. "" ...

  6. 【工具】OSS阿里云存储服务--超级简单--个人还是觉得Fastdfs好玩

    介绍 阿里云对象存储服务(Object Storage Service,简称 OSS)为您提供基于网络的数据存取服务. 使用 OSS,您可以通过网络随时存储和调用包括文本.图片.音频和视频等在内的各种 ...

  7. 题解 poj 3304

    题目描述 线段和直线判交板子题 分析题目,如果存在这一条直线,那么过这条直线作垂线,一定有一条垂线穿过所有线段,否则不存在.题目转化为寻找一条直线与所有线段有交点. 直线线段判交方法: 1.先判断线段 ...

  8. 为 Eureka 添加 Http Basic 认证

    简介 在网络世界中,任何网络中的服务都是不安全的,为了使我们的 Eureka 服务更加安全,我们可以添加各种各样的认证方式,以使客户端在提供相应的证明之后才能够注册到 Eureka 中.而这次我们就添 ...

  9. Angular Datatable的一些问题

    这几天改bug中发现的一些问题,小结一下.从简单到复杂逐个讲. angular datatable实质上是对jquery库的包装,但包装后不太好用,定制功能比较麻烦. 1. 基本用法 最简单的用法,大 ...

  10. PythonCrashCourse 第六章习题

    使用一个字典来存储一个熟人的信息,包括名.姓.年龄和居住的城市.该字典应包含键first_name .last_name .age 和city .将存储在该字典中 的每项信息都打印出来 person ...