Android Jetpack 架构组件之 DataBinding进阶

一、简介

Android Jetpack的数据绑定主要分为两种，一是单向绑定，二是双向绑定。单向绑定可以户这么理解：当我们的源数据发生变化的时候，与原数据绑定的UI也一并变化。双向绑定可以这么理解：当我们的源数据发生变化的时候，与原数据绑定的UI也一并变化；而当UI的数据变化的时候，我们的源数据 也跟着变化；比如我们的源数据 变化，与之绑定的TextView和EditTExt发生变化；当EditTExt输入框的的数据发生变化的时候，我们的元数据和TextView现实的数据也发生变化。

二、单向绑定

就是Jetpack全家桶里面的databinding模块对应的功能，他有两种实现方式：

1、单纯的databinding模块

xml文件里面如下：

<data>
    <variable        
	    name="authInfo"        
	    type="com.androidjetpack.twowaybinding.AuthInfo" />
</data>

<LinearLayout
    android:layout_width="match_parent"    
    android:layout_height="match_parent"
    android:orientation="vertical"    
    android:paddingStart="5dp">
    
    <Button
        android:id="@+id/btnBinding"        
        android:layout_width="match_parent"
        android:layout_height="60dp"        
        android:text="binding"        
        android:textAllCaps="false"/>
        
    <EditText
        android:layout_width="match_parent"    
        android:layout_height="60dp"    
        android:text="@{authInfo.username}" />
        
    <EditText
        android:layout_width="match_parent"    
        android:layout_height="60dp"    
        android:text="@{authInfo.password}" />
</LinearLayout>

Kotlin代码如下：

var binding:ActivityTwoWayBindingBinding = DataBindingUtil.setContentView(this, R.layout.activity_two_way_binding)

binding.authInfo = AuthInfo("任缥缈", "缥缈剑法")

binding.btnBinding.setOnClickListener {
    binding.authInfo = AuthInfo("Stella", "HR")
}

就这样完成了数据的单向绑定。

2、借助ObservableField，androidx.databinding给我们提供的数据绑定工具，以Observable开头的方法很多。

<data>
    <variable        
	    name="auth"        
	    type="androidx.databinding.ObservableField&lt;String&gt;" />
</data>

<String>是< String >的转义。

<LinearLayout
    android:layout_width="match_parent"    
    android:layout_height="match_parent"
    android:orientation="vertical"    
    android:paddingStart="5dp">
    
    <Button
        android:id="@+id/btnBinding"        
        android:layout_width="match_parent"        
        android:layout_height="60dp"
        android:text="binding"        
        android:textAllCaps="false"/>
        
    <TextView
        android:layout_width="match_parent"        
        android:layout_height="wrap_content"        
        android:text="@{auth}"/>
</LinearLayout>

Kotlin代码的实现：

var auth = ObservableField<String>("auth")
binding.auth = auth
binding.btnBinding.setOnClickListener {
        auth.set("少操没用的心，多操喜欢的人")
}

三、双向绑定

双向绑定其实并不是我们自己理解的那种：当我的输入框的内容伴随着输入的变化，其他的数据发生变化的同时，还能直接反作用过来，发起判断，请求数据，存储更新后的源数据这么智能和强大，他也仅仅是直接影响与之关联的UI，仅此而已。

Xml的部分代码：

<data>
    <variable        
    name="auth"        
    type="androidx.databinding.ObservableField&lt;String&gt;" />
</data>

<LinearLayout
    android:layout_width="match_parent"    
    android:layout_height="match_parent"    
    android:orientation="vertical"
    android:paddingStart="5dp">
    
    <Button
        android:id="@+id/btnBinding"        
        android:layout_width="match_parent"        
        android:layout_height="60dp"
        android:text="binding"                
        android:textAllCaps="false"/>
        
    <TextView
        android:layout_width="match_parent"        
        android:layout_height="wrap_content"        
        android:text="@{auth}"/>
        
    <EditText
        android:layout_width="match_parent"        
        android:layout_height="wrap_content"        
        android:text="@={auth}"/>
</LinearLayout>

Kotlin的部分代码：

var binding:ActivityTwoWayBindingBinding = DataBindingUtil.setContentView(this, R.layout.activity_two_way_binding)

var auth = ObservableField<String>("auth")	
		
binding.auth = auth

binding.btnBinding.setOnClickListener {
     auth.set("少操没用的心，多操喜欢的人")
}

就这样，当我们在EditText里面更改数据的时候，与之关联的TextView里面的数据也会一并更改。

这里有个小细节要注意哟：

就是内容主动发生变化的EditText，我们在给其text文本赋值的时候，不再是用这样的方式：

android:text="@{auth}"

而是用下面的方式：

android:text="@={auth}"

有注意到没？“@”符号后面多了一个“=”，这是双向绑定的关键。