DataBinding使用教程详解

本文详细介绍了Android DataBinding的使用,包括导入库、基础用法如变量绑定和事件处理,以及高级特性如转换器和绑定适配器。DataBinding简化了MVVM模式中的数据绑定,实现了双向绑定,使得数据变化能够自动反映到UI上,同时通过监听器绑定避免了混淆。然而,DataBinding也有其局限性,如XML中无法实时检查错误,数据结构变化需要手动更新等。
摘要由CSDN通过智能技术生成

针对MVP和MVC架构的理解还是比较清晰的,但是微软早些提出的MVVM还不是很了解,只知道一个词在耳边很热——“数据驱动”。下面通过对MVVM在Android端的实践DataBinding的深入学习来加深对MVVM模式的理解。

DataBinding介绍

DataBinding——数据绑定,是Google对MVVM在Android上的一种实现,可以直接绑定数据到xml中,通过View层持有Model层的引用来实现单项绑定,达到数据的变化带动控件/页面发生变化。现在还支持双向绑定,控件/页面的变化能及时的带动相关数据发生变化。

import DataBinding Library

确保插件版本——Android Plugin for Gradle 1.5.0-alpha1 或者以上版本;AndroidStudio版本在1.3.0或者以上;

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

如果是老版本的AS或者是eclipse,可以在Android SDK manager里面下载最新的library然后添加到项目中使用。建议还是更新稳定版本的AS及其相关插件。
如果是较新版本的Android Gradle Plugin 3.1.0 Canary 6 ships 其中对编译进行了优化,需要在gradle.properties文件中加上

android.databinding.enableV2=true

基础用法

变量绑定

在最外层的布局套上一层layout如下:

<layout xmlns:android="http://schemas.android.com/apk/res/android">
   <data>
       ...
   </data>
   <原来的布局/>
 </layout>

< data>< /data>中间是对类的引用和变量定义的地方,在剩下的布局中就可以直接使用在这里定义好的变量了。
比如:我们定义一个简单的用户类User

package org.zy.demonew.modelview.model;
public class User {
   
    public final String firstName;
    public final String lastName;

    public User(String firstName, String lastName) {
        this.firstName = firstName;
        this.lastName = lastName;
    }
}

然后再修改对应的布局文件activity_main.xml,将上面的数据对象用起来,添加几个控件(View)来和这个数据(Model)进行单项绑定。比如创建了一个TextView用来显示User对象的firstName属性,一个EditText用来显示User对象的lastName属性。

<?xml version="1.0" encoding="utf-8"?>
<layout xmlns:android="http://schemas.android.com/apk/res/android">
    <data>
        <import type="org.zy.demonew.modelview.model.User" />
        <variable
            name="user"
            type="User" />
    </data>

    <LinearLayout
        android:layout_width="match_parent"
        android:orientation="vertical"
        android:layout_height="match_parent">

        <android.support.constraint.ConstraintLayout xmlns:app="http://schemas.android.com/apk/res-auto"
            xmlns:tools="http://schemas.android.com/tools"
            android:layout_width="match_parent"
            android:layout_height="0dp"
            android:layout_weight="1.0"
            tools:context=".modelview.BasicFuncActivity">

            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:padding="20dp"
                android:text="@{user.firstName}"
                app:layout_constraintLeft_toLeftOf="parent"
                app:layout_constraintRight_toRightOf="parent" />

            <EditText
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:onClick="@{handler.onClickLastName}"
                android:onTextChanged="@{handler.onTextChanged}"
                android:padding="20dp"
                android:text="@{user.lastName}"
                app:layout_constraintBottom_toBottomOf="parent"
                app:layout_constraintLeft_toLeftOf="parent"
                app:layout_constraintRight_toRightOf="parent"
                app:layout_constraintTop_toTopOf="parent" />   
        </android.support.constraint.ConstraintLayout>
    </LinearLayout>
</layout>

那么接下来我们就要初始化对象,给对象赋值了。
首先在对应的Activity中获取DataBinding对象,在我们重写Activity的onCreate方法中将原来的setContentView去设置布局的方法替换成DataBindingUtil类的一个静态方法setContentView去设置布局:

DataBindingUtil.setContentView(this, R.layout.activity_main);

这时候我们最好build一下项目,项目就会自动生成一个继承 ViewDataBinding的类名为ActivityMainBinding的类,这个类就是我们用来初始化、赋值、设置监听的类。这个类的命名规则很简单:通过xml文件名生成,使用下划线分割大小写后面再加个Binding就好了。如果layout的名字是activity_login.xml那生成的类名就是ActivityLoginBinding。下面我们对上面的User对象进行初始化。

ActivityMainBinding activityMainBinding = DataBindingUtil.setContentView(this, R.layout.activity_main);
User user = new User("Zhang", "San");

activityMainBinding.setUser(user);
// 或者直接通过setVariable
// activityMainBinding.setVariable(BR.obuser,user);

这样我们跑app的结果就是
这里写图片描述
对面上面的EditText我们可以通过android:text="@={user.lastName}"来将EditTex上面的文字的变化实时反应到对应的User对象上去进行双向绑定
上面只是绑定了一个类的对象,那么在xml里面也可以绑定一些方法、事件。

事件处理

DataBinding允许您编写表达式来处理从视图中分派的事件(例如onClick)。 除少数例外,事件属性名称由监听器方法的名称管理。 例如,View.OnLongClickListener的onLongClick()方法,因此该事件的属性名称是android:onLongClick。 处理事件有两种方法。
- Method References(方法引用):你可以直接引用和listener方法签名一致的方法。当一个表达式被解析为Method References,Data Binding会把该方法包装成一个listener并设置到对应的View。如果表达式被解析为null,Data Binding会设置成对应的listener为null。
- Listener Bindings(监听器绑定): 当事件发生的时候lambda表达式会运行。 DataBinding总是会创建一个监听器来和VIew绑定,一旦事件触发了,这个监听器就会运行lambda表达式。

Method References

比如我定义一个MyHandler来处理监听点击事件和EditText的文本变化的监听:

public class MyHandler {
    public void onClickLastName(View view) {
        Log.e("--zy--", "abc");
        Toast.makeText(view.getContext(), "click!", Toast.LENGTH_SHORT).show();
        view.setBackgroundResource(R.drawable.ic_launcher_background);
    }

    public void onTextChanged(CharSequence s, int start, int before, int count) {
        Log.e("--zy--", "text :   " + s);
    }
}

在xml布局文件中< data>< /data>之间添加申明:

<variable name="handler"
          type="org.zy.demonew.modelview.model.MyHandler" />

在之前定义的EditTex的监听器中加上方法引用:

<EditText
         android:layout_width="wrap_content"
         android:layout_height="wrap_content"
         android:onClick="@{handler.onClickLastName}"
         android:onTextChanged="@{handler.onTextChanged}"
         android:padding="20dp"
         android:text="@{user.lastName}"
         app:layout_constraintBottom_toBottomOf="parent"
         app:layout_constraintLeft_toLeftOf="parent"
         app:layout_constraintRight_toRightOf="parent"
         app:layout_constraintTop_toTopOf="parent" />

然后需要在DataBinding实例中进行绑定:

        activityMainBinding.setHandler(new MyHandler());

这样在你点击EditText和输入Text的时候会触发你在MyHandler中写的方法了。

Listener Bindings - lambda expression

我定义了一个类Presenter来处理保存用户数据的操做:

public class Presenter {
    public void onSaveClick(User user) {
        Log.e("--zy--", "save name: " + user.firstName + user.lastName);
    }
}

在xml文件中添加引用和绑定调用的位置:

<variable
         name="presenter"
         type="org.zy.demonew.modelview.model.Presenter" />
...
...
<TextView
          android:layout_width="wrap_content"
          android:layout_height="wrap_content"
          android:padding="20dp"
          android:onClick="@{()->presenter.onSaveClick(user)}"
          app:layout_constraintBottom_toBottomOf="parent"
          app:layout_constraintLeft_toLeftOf="parent"
          app:layout_constraintRight_toRightOf="parent" />

然后在DataBinding实例中绑定:

activityMainBinding.setPresenter(new Presenter());
避免监听器混淆

Listener Bindings非常强大,可以让你写出更易读的代码。另一方面,复杂的Listener表达式会让你的布局变得难以读懂、管理。Listener表达式应该尽量简单,只从UI传递有效数据到Callback的方法中。所有的业务逻辑都应该该在Callback的方法中实现。
这里存在一些特有的点击事件,它们的点击事件的属性并不是android:onClick。下面的表格列举了对应的属性:

Class Listener setter Attribute
SearchView setOnSearchClickListener(View.OnClickListener) android:onSearchClick
ZoomControls setOnZoomInClickListener(View.OnClickListener) android:onZoomIn
ZoomControls setOnZoomOutClickListener(View.OnClickListener) android:onZoomOut

Data Object

任何一个POJO都可以用于Data Binding,但是修改了POJO数据UI并不会自动更新。Data Binding有3种数据改变通知机制:Observable Objects, Observable Fields, Observable Collections。一旦数据对象实现了这三种中的任意一种通知机制并且和UI绑定成功,那么UI就会跟随数据变化而发生变化——数据驱动UI变化。
(顺便提一下,你想更新UI还有个方法就是改变绑定的对象,那么BindingAdapter也会更新对应的UI)比如:User user = new User(“Zhang2”, “Yang!”);activityBasicBinding.setUser(user);

Observable Objects

DataBinding提供了一个基类BaseObservable,我们编写的类要继承它,然后在负责在getter方法加上@Bindable注解并且在setter方法中发出通知。当数据改变时通知UI进行更新。其中setter方法中主要是notifyPropertyChangednotifyChange两个方法来发出通知,

  • 1
    点赞
  • 8
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值