前言:
第一次接触DataBinding是在刚进入这家公司的时候,公司原有的项目正是使用的DataBinding,当时为了尽快上手项目也是查阅了一些资料。现在在使用了一年多之后打算总结记录一下。
DataBinding是什么
DataBinding是2015年谷歌I/O大会上介绍的一个数据绑定的框架。是Google对MVVM在Android上的一种实现。也就是说DataBinding是基于MVVM思想实现数据和UI绑定的的框架,有了DataBinding,在Android中也可以很方便的实现MVVM。
Google在2015年7月发布的Android Studio v1.3.0 版本上引入该框架,在2016年4月Android Studio v2.0.0 上正式支持。引入之初并不支持双向绑定,在Android Studio 2.1 Preview 3之后,官方开始支持双向绑定。
DataBinding的好处
最直观的好处就是DataBinding可以帮我们减少很多没必要的代码,大大提高我们的开发效率。比如大量减少使用findViewById()、setText(),setVisibility(),setEnabled()等代码的几率。
DataBinding主要解决了两个问题:
需要多次使用findViewById等无营养的代码,损害了应用性能且令人厌烦
更新UI数据需切换至UI线程,将数据分解映射到各个view比较麻烦
如何在项目中使用DataBinding
在Android studio中 app目录下的build.gradle文件中添加如下代码即可使用DataBinding:
android {
....
dataBinding {
enabled = true
}
}
DataBinding 的基本使用
既然是数据和UI进行绑定,那么在DataBinding框架下布局文件将不再是单纯的UI展示,还要有数据部分。所以布局根节点将不再是ViewGroup而是变为layout。并新增了data节点,如下代码展示:
<layout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto">
<data>
<variable
name="input"
type="String"/>
</data>
<LinearLayout
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical"
tools:context="com.biaoqi.databindingstudy.MainActivity">
</LinearLayout>
</layout>
上面部分的data节点为数据与UI提供了一个桥梁。data中声明了一个varaiavle,这个变量为UI元素提供数据,type是这个变量的类型,然后在 Java 代码中把数据与这个 variable 进行绑定。就实现了数据与UI进行绑定。
数据绑定之后布局中的UI元素就可以通过 @{......} 的方式使用这些数据,如下:
<TextView
android:layout_width="wrap_content"
android:layout_marginTop="10dp"
android:textSize="15sp"
android:layout_height="wrap_content"
android:text="@{input}"/>
这里TextView展示的数据就是在Java代码中和input这个变量(variable)绑定的数据。Java中绑定的代码如下:
ActivityMainBinding binding= DataBindingUtil.setContentView(this,R.layout.activity_main);
binding.setInput("随便一点什么内容");
ActivityMainBinding 是自动生成的一个类,Android studio会根据layout文件自动生成一个默认的Binding类,类名是根据layout文件名生成的,并有"Binding"后缀结束。例如:activity_main.xml生成的Binding类为ActivityMainBinding。
通过以上我们就完成了一个简单的数据绑定。
布局中的data节点也支持import,所以:
<data>
<variable
name="user"
type="com.example.lijie.databindingstudy.UserModel"/>
</data>
就等价于:
<data>
<import type="com.example.lijie.databindingstudy.UserModel"/>
<variable
name="user"
type="UserModel"/>
</data>
java.lang.* 包中的类会被自动导入,可以直接使用,所以上面 type为String 的input变量在布局中可以使用。
谈一谈数据绑定
理解数据绑定的概念对DataBinding的使用很有帮助。
数据绑定简单来说,就是通过某种机制,把代码中的数据和xml(UI)绑定起来,双方都能对数据进行操作,并且在数据发生变化的时候,自动刷新数据。
以上内容我们试着用datBinding搞了一个数据绑定的小例子,实际上数据绑定分单向绑定和双向绑定两种。
单向绑定中,数据的流向是单方面的,只能从代码流向UI;双向绑定的数据流向是双向的,当业务代码中的数据改变时,UI上的数据能够得到刷新;当用户通过UI交互编辑了数据时,数据的变化也能自动的更新到业务代码中的数据上。
DataBinding现在也支持数据的上相绑定。双向绑定和之前的单向绑定在实现上差别很小,就是"@{}"改成了"@={}"。比如以下代码就能完成在EditText中输入文字的同时实时的在TextView中显示输入的内容。
<data>
<variable
name="input"
type="String"/>
</data>
<LinearLayout
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical"
tools:context="com.example.lijie.databindingstudy.MainActivity">
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginTop="20dp"
android:layout_marginLeft="15dp"
android:textSize="16sp"
android:text="@{input}"/>
<EditText
android:layout_width="match_parent"
android:layout_height="60dp"
android:layout_marginTop="20dp"
android:hint="输入一些东西试试"
android:text="@={input}"
/>
</LinearLayout>
是不是觉的方便了很多。但是DataBinding的魅力远不止如此。本篇文章只是简单的使用,是最初级的DataBinding的使用,可以为刚学习DataBinding的小伙伴提供一点参考。虽然文章涉及的内容简单但本人也怕出错而误人子弟,所以也是参考了很多大神的文章。个人最喜欢这篇和这篇,大家可以去学习更深入的东西。
网友评论