原文链接:https://github.com/LyndonChin/MasteringAndroidDataBinding

精通 Android Data Binding


官方虽然已经给出了教程 - Data Binding Guide (中文版 - Data Binding(数据绑定)用户指南) ,但是实践之后发现槽点实在太多,于是就有了这个教程,针对每个知识点给出更详实的例子同时也总结了遇到的一些坑,希望对你有所帮助:)

Data Binding 解决了 Android UI 编程的一个痛点,官方原生支持 MVVM 模型可以让我们在不改变既有代码框架的前提下,非常容易地使用这些新特性。

Data Binding 框架如果能够推广开来,也许 RoboGuice、ButterKnife 这样的依赖注入框架会慢慢失去市场,因为在 Java 代码中直接使用 View 变量的情况会越来越少。

准备

新建一个 Project,确保 Android 的 Gradle 插件版本不低于 1.5.0-alpha1

classpath 'com.android.tools.build:gradle:1.5.0'

然后修改对应模块(Module)的 build.gradle:

dataBinding {    enabled true}

基础

工程创建完成后,我们通过一个最简单的例子来说明 Data Binding 的基本用法。

布局文件

使用 Data Binding 之后,xml 的布局文件就不再用于单纯地展示 UI 元素,还需要定义 UI 元素用到的变量。所以,它的根节点不再是一个 ViewGroup,而是变成了 layout,并且新增了一个节点 data

                    ....    

要实现 MVVM 的 ViewModel 就需要把数据(Model)与 UI(View) 进行绑定,data 节点的作用就像一个桥梁,搭建了 View 和 Model 之间的通路。

我们先在 xml 布局文件的 data 节点中声明一个 variable,这个变量会为 UI 元素提供数据(例如 TextViewandroid:text),然后在 Java 代码中把『后台』数据与这个 variable 进行绑定。

下面我们使用 Data Binding 创建一个展示用户信息的表格。

数据对象

添加一个 POJO 类 - User,非常简单,两个属性以及他们的 getter 和 setter。

public class User {    private final String firstName;    private final String lastName;    public User(String firstName, String lastName) {        this.firstName = firstName;        this.lastName = lastName;    }    public String getFirstName() {        return firstName;    }    public String getLastName() {        return lastName;    }}

稍后,我们会新建一个 User 类型的变量,然后把它跟布局文件中声明的变量进行绑定。

定义 Variable

回到布局文件,在 data 节点中声明一个 User 类型的变量 user

    

其中 type 属性就是我们在 Java 文件中定义的 User 类。

当然,data 节点也支持 import,所以上面的代码可以换一种形式来写。

        

然后我们刚才在 build.gradle 中添加的那个插件 - com.android.databinding 会根据 xml 文件的名称 Generate 一个继承自 ViewDataBinding 的类。 当然,IDE 中看不到这个文件,需要手动去 build 目录下找。

例如,这里 xml 的文件名叫 activity_basic.xml,那么生成的类就是 ActivityBasicBinding

注意

java.lang.* 包中的类会被自动导入,可以直接使用,例如要定义一个 String 类型的变量:

绑定 Variable

修改 BasicActivityonCreate 方法,用 DatabindingUtil.setContentView() 来替换掉 setContentView(),然后创建一个 user 对象,通过 binding.setUser(user)variable 进行绑定。

@Overrideprotected void onCreate(Bundle savedInstanceState) {    super.onCreate(savedInstanceState);    ActivityBasicBinding binding = DataBindingUtil.setContentView(            this, R.layout.activity_basic);    User user = new User("fei", "Liang");    binding.setUser(user);}

除了使用框架自动生成的 ActivityBasicBinding,我们也可以通过如下方式自定义类名。

注意

ActivityBasicBinding 类是自动生成的,所有的 set 方法也是根据 variable 名称生成的。例如,我们定义了两个变量。

        

那么就会生成对应的两个 set 方法。

setFirstName(String firstName);setLastName(String lastName);

使用 Variable

数据与 Variable 绑定之后,xml 的 UI 元素就可以直接使用了。

至此,一个简单的数据绑定就完成了,可参考完整代码

高级用法

使用类方法

首先定义一个静态方法

public class MyStringUtils {    public static String capitalize(final String word) {        if (word.length() > 1) {            return String.valueOf(word.charAt(0)).toUpperCase() + word.substring(1);        }        return word;    }}

然后在 xml 的 data 节点中导入:

使用方法与 Java 语法一样:

类型别名

如果我们在 data 节点了导入了两个同名的类怎么办?

这样一来出现了两个 User 类,那 user 变量要用哪一个呢?不用担心,import 还有一个 alias 属性。

Null Coalescing 运算符

android:text="@{user.displayName ?? user.lastName}"

就等价于

android:text="@{user.displayName != null ? user.displayName : user.lastName}"

属性值

通过 @{} 可以直接把 Java 中定义的属性值赋值给 xml 属性。

使用资源数据

这个例子,官方教程有错误,可以参考Android Data Binder 的一个bug,完整代码在此

Observable Binding

本来这一节的标题应该叫双向绑定,但是很遗憾,现在的 Data Binding 暂时支持单向绑定,还没有达到 Angular.js 的威力。

要实现 Observable Binding,首先得有一个 implement 了接口 android.databinding.Observable 的类,为了方便,Android 原生提供了已经封装好的一个类 - BaseObservable,并且实现了监听器的注册机制。

我们可以直接继承 BaseObservable

public class ObservableUser extends BaseObservable {    private String firstName;    private String lastName;    @Bindable    public String getFirstName() {        return firstName;    }    @Bindable    public String getLastName() {        return lastName;    }    public void setFirstName(String firstName) {        this.firstName = firstName;        notifyPropertyChanged(BR.firstName);    }    public void setLastName(String lastName) {        this.lastName = lastName;        notifyPropertyChanged(BR.lastName);    }}

BR 是编译阶段生成的一个类,功能与 R.java 类似,用 @Bindable 标记过 getter 方法会在 BR 中生成一个 entry

通过代码可以看出,当数据发生变化时还是需要手动发出通知。 通过调用 notifyPropertyChanged(BR.firstName) 可以通知系统 BR.firstName 这个 entry 的数据已经发生变化,需要更新 UI。

除此之外,还有一种更细粒度的绑定方式,可以具体到成员变量,这种方式无需继承 BaseObservable,一个简单的 POJO 就可以实现。

public class PlainUser {    public final ObservableField firstName = new ObservableField<>();    public final ObservableField lastName = new ObservableField<>();    public final ObservableInt age = new ObservableInt();}

系统为我们提供了所有的 primitive type 所对应的 Observable类,例如 ObservableIntObservableFloatObservableBoolean 等等,还有一个 ObservableField 对应着 reference type

剩下的数据绑定与前面介绍的方式一样,具体可参考ObservableActivity。

带 ID 的 View

Data Binding 有效降低了代码的冗余性,甚至完全没有必要再去获取一个 View 实例,但是情况不是绝对的,万一我们真的就需要了呢?不用担心,只要给 View 定义一个 ID,Data Binding 就会为我们生成一个对应的 final 变量。

上面代码中定义了一个 ID 为 firstName* 的 TextView,那么它对应的变量就是

public final TextView firstName;

具体代码可参考 ViewWithIDsActivity.java

ViewStubs

xml 中的 ViewStub 经过 binding 之后会转换成 ViewStubProxy, 具体代码可参考 ViewStubActivity.java

简单用代码说明一下,xml 文件与之前的代码一样,根节点改为 layout,在 LinearLayout 中添加一个 ViewStub,添加 ID

                

在 Java 代码中获取 binding 实例,为 ViewStubProy 注册 ViewStub.OnInflateListener 事件:

binding = DataBindingUtil.setContentView(this, R.layout.activity_view_stub);binding.viewStub.setOnInflateListener(new ViewStub.OnInflateListener() {    @Override    public void onInflate(ViewStub stub, View inflated) {        ViewStubBinding binding = DataBindingUtil.bind(inflated);        User user = new User("fee", "lang");        binding.setUser(user);    }});

Dynamic Variables

完整代码可以参考 dynamic

RecyclerView 为例,AdapterDataBinding 需要动态生成,因此我们可以在 onCreateViewHolder 的时候创建这个 DataBinding,然后在 onBindViewHolder 中获取这个 DataBinding

public static class BindingHolder extends RecyclerView.ViewHolder {    private ViewDataBinding binding;    public BindingHolder(View itemView) {        super(itemView);    }    public ViewDataBinding getBinding() {        return binding;    }    public void setBinding(ViewDataBinding binding) {        this.binding = binding;    }}@Overridepublic BindingHolder onCreateViewHolder(ViewGroup viewGroup, int i) {    ViewDataBinding binding = DataBindingUtil.inflate(            LayoutInflater.from(viewGroup.getContext()),            R.layout.list_item,            viewGroup,            false);    BindingHolder holder = new BindingHolder(binding.getRoot());    holder.setBinding(binding);    return holder;}@Overridepublic void onBindViewHolder(BindingHolder holder, int position) {    User user = users.get(position);    holder.getBinding().setVariable(BR.user, user);    holder.getBinding().executePendingBindings();}

注意此处 DataBindingUtil 的用法:

ViewDataBinding binding = DataBindingUtil.inflate(    LayoutInflater.from(viewGroup.getContext()),    R.layout.list_item,    viewGroup,    false);

还有另外一种比较简洁的方式,直接在构造 Holder 时把 View 与自动生成的 XXXBinding 进行绑定。

public class UserAdapter extends RecyclerView.Adapter {    private static final int USER_COUNT = 10;    @NonNull    private List mUsers;    public UserAdapter() {        mUsers = new ArrayList<>(10);        for (int i = 0; i < USER_COUNT; i ++) {            User user = new User(RandomNames.nextFirstName(), RandomNames.nextLastName());            mUsers.add(user);        }    }    public static class UserHolder extends RecyclerView.ViewHolder {        private UserItemBinding mBinding;        public UserHolder(View itemView) {            super(itemView);            mBinding = DataBindingUtil.bind(itemView);        }        public void bind(@NonNull User user) {            mBinding.setUser(user);        }    }    @Override    public UserHolder onCreateViewHolder(ViewGroup viewGroup, int i) {        View itemView = LayoutInflater.from(viewGroup.getContext())                .inflate(R.layout.user_item, viewGroup, false);        return new UserHolder(itemView);    }    @Override    public void onBindViewHolder(UserHolder holder, int position) {        holder.bind(mUsers.get(position));    }    @Override    public int getItemCount() {        return mUsers.size();    }}

Attribute setters

有了 Data Binding,即使属性没有在 declare-styleable 中定义,我们也可以通过 xml 进行赋值操作。
为了演示这个功能,我自定义了一个 View - NameCard,属性资源 R.styleable.NameCard 中只定义了一个 age 属性,其中 firstNamelastName 只有对应的两个 setter 方法。

只要有 setter 方法就可以像下面代码一样赋值:

onClickListener 也是同样道理,只不过我们是在 Activity 中定义了一个 Listener

转换器 (Converters)

非常重要

使用 Converter 一定要保证它不会影响到其他的属性,例如这个 @BindingConversion- convertColorToString 就会影响到android:visibility, 因为他们都是都符合从 int 到 int 的转换。

在 xml 中为属性赋值时,如果变量的类型与属性不一致,通过 DataBinding 可以进行转换。

例如,下面代码中如果要为属性 android:background 赋值一个 int 型的 color 变量:

只需要定义一个标记了 @BindingConversion 的静态方法即可(方法的定义位置可以随意):

@BindingConversionpublic static ColorDrawable convertColorToDrawable(int color) {    return new ColorDrawable(color);}

具体代码可参考 ConversionsActivity.java。

include

用法可以参考代码 IncludeActivity.java

如果在非根节点的 ViewGroup 中使用 include 会导致 crash,已经在 StackOverflow 上提了一个问题Android Data Binding makes app crash when using include tag in a non-root ViewGroup,直されたそうですけど。

更多相关文章

  1. Bitmap Drawable相互转换
  2. Android(安卓)---Check System Version at Runtime(在软件运行时
  3. Android对话框实现
  4. Android(安卓)SDK 实例代码分析---Accelerometer Play(一)
  5. Android中WebView用法实例分析
  6. android 之EditText长按屏蔽ActionMode context菜单但保留选择工
  7. Decompiled .class file bytecode version:52.0(java8),Sources f
  8. java获取http:图片下载代码――android基础编
  9. android 百度推送的集成

随机推荐

  1. Android实时抓取日志,生成文件
  2. android studio编译aidl,找不到类
  3. Android(安卓)UI控件的初识
  4. 2012/3/1 Android导入包错误
  5. Android的NDK开发(2)————利用Android
  6. Android实现拖拽GridView到目标View
  7. Android(安卓)AlertDialog工具类 实现对
  8. android studio 修改包名
  9. Attacking memory problems on Android
  10. Android(安卓)IjkPlayer 视频播放器