Data Binding学习与探索(一)

所谓Data Binding(以下简称DB),就是把数据提供者和消费者绑定起来并实时同步。DB其实并不是安卓所独有的,不过在安卓领域,DB一般指谷歌提供的DB框架,作用就是把数据和UI绑定同步。
在DB出现以前,数据和UI的同步都是靠手动实现。现在,DB能够(部分)替我们完成这项工作。

使用准备

只需在app级的build.gradle文件内添加以下声明。当然,假如有别的模块使用DB,也要做类似声明。

android {
    ....
    dataBinding {
        enabled = true
    }
}

据说以前还要添加第三方库依赖,以及对Android Studio的版本有一定要求。具体可以参考官网

Layout文件的改变

DB要求对layout的XML文件做一定变化,即以<layout ...>元素开头,之后跟一个<data...>元素。官网给的例子如下:

<?xml version="1.0" encoding="utf-8"?>
<layout xmlns:android="http://schemas.android.com/apk/res/android">
   <data>
       <variable name="user" type="com.example.User"/>
   </data>
   <LinearLayout
       android:orientation="vertical"
       android:layout_width="match_parent"
       android:layout_height="match_parent">
       <TextView android:layout_width="wrap_content"
           android:layout_height="wrap_content"
           android:text="@{user.firstName}"/>
       <TextView android:layout_width="wrap_content"
           android:layout_height="wrap_content"
           android:text="@{user.lastName}"/>
   </LinearLayout>
</layout>

大致可以理解为<data...>元素里声明的是依赖的数据。声明过的数据在下面就可以使用@{}符号来表示绑定。
当然,这里还支持一系列的操作符,具体可以参考官网。不过我个人不是很支持在XML文件里面带入过于复杂的逻辑代码,因为调试可能会变得困难,而且编译器对XML的逻辑代码语法支持也不是很完美。
好了,我也不打算把官网文章翻译一遍,还是自己动手搞一个例子吧。

第一个DB项目

使用DB实现一个更改用户名的项目,要求能实现实时同步。
首先看看数据层。DB在这里提供了三种选择,我们需要学习一下来决定采用哪一种:

  1. Observable Objects。这是对POJO( plain old Java object)对象的绑定,具体实现就是在get方法上面添加标注@Bindable
  2. ObservableFields。这是对某个成员的绑定,具体做法就是用public final修饰的Observable<T>来包裹成员变量,然后修改和读取方法也有变化,需要使用set和get方法。
  3. Observable Collections。顾名思义,这是对集合的绑定,例如ObservableArrayList<T>ObservableArrayMap<K, V>

不是很理解谷歌的排序,不过今天就用ObservableFields来实现。

数据对象
public class User {
  public final ObservableField<String> name = new ObservableField<String>() {};
}

官网教程上是static对象内定义的,事实证明非static的对象内也可以。

Layout文件

我们需要一个EditText控件来输入,然后一个Button来显示数据的值,方便知道数据是否真的改变了。
用你自己的包名替换your.package.name

<?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">
  <data>
    <variable name="user" type="your.package.name.User"/>
    <variable name="activity" type="your.package.name.MainActivity"/>
  </data>
  <android.support.constraint.ConstraintLayout
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context="your.package.name.MainActivity">

    <EditText
      android:layout_width="0dp"
      android:layout_height="wrap_content"
      android:hint="@string/name"
      android:text="@={user.name}"
      app:layout_constraintBottom_toBottomOf="parent"
      app:layout_constraintLeft_toLeftOf="parent"
      app:layout_constraintRight_toRightOf="parent"
      app:layout_constraintTop_toTopOf="parent"
      android:id="@+id/editText"
      android:inputType="textCapWords"
      android:layout_marginLeft="16dp"
      app:layout_constraintHorizontal_bias="0.0"
      android:layout_marginRight="16dp"
      android:layout_marginStart="16dp"
      android:layout_marginEnd="16dp"/>

    <Button
      android:onClick="onClick"
      android:id="@+id/button"
      android:layout_width="wrap_content"
      android:layout_height="wrap_content"
      android:text="@string/button"
      android:layout_marginTop="8dp"
      app:layout_constraintTop_toBottomOf="@+id/editText"
      android:layout_marginLeft="8dp"
      app:layout_constraintLeft_toLeftOf="parent"
      android:layout_marginRight="8dp"
      app:layout_constraintRight_toRightOf="parent"
      app:layout_constraintBottom_toBottomOf="parent"
      android:layout_marginBottom="8dp"
      android:layout_marginStart="8dp"
      android:layout_marginEnd="8dp"/>
  </android.support.constraint.ConstraintLayout>
</layout>

注意我使用了android:text="@={user.name},而不是android:text="@{user.name},因为后者只是单向绑定。官网关于这一点丝毫未提及,有点坑的。
当然,要用android:text="@{user.name}也行,不过值的反馈需要自己再写一个@BindingAdapter注解函数,多少有点麻烦。
另外,我这里Button直接引用MainActivity内的onClick(View v)函数,这个跟DB关系不大。假如不是MainActivity而是别的什么的话,又是另一种做法了,以后再说。

绑定

MainActivity

public class MainActivity extends AppCompatActivity {
  private User user = new User();

  @Override
  protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    ActivityMainBinding binding = DataBindingUtil.setContentView(this, R.layout.activity_main);
    user.name.set("Mark");
    binding.setUser(user);
  }

  public void onClick(View v) {
    Toast.makeText(MainActivity.this, user.name.get(), Toast.LENGTH_SHORT).show();
  }
}

绑定其实不难,根据Layout文件的名字,对应的Binding对象会在名字后面加上Binding。好了,更改名字再按Button可以发现确实实现了双向绑定。

总结与回顾

  • DB的准备工作
  • Layout文件
  1. Layout依赖的声明
  2. Layout数据的绑定
  • 数据层的绑定方式
  1. ObservableField
  2. ObservableCollections
  3. ObservableObjects
  • 绑定细节
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容