本系列:
- 从零开始的 Android 新项目(1):架构搭建篇
- 从零开始的 Android 新项目(2):Gradle 篇
- 从零开始的 Android 新项目(3):谁告诉你MVP和MVVM是互斥的
- 从零开始的 Android 新项目(4):Dagger2 篇
- 从零开始的 Android 新项目(5):Repository 层(上)
- 从零开始的 Android 新项目(6):Repository 层(下)
引
Data Binding自从去年的Google I/O发布到至今,也有近一年的时间了。这一年来,从Beta到如今比较完善的版本,从Android Studio 1.3到如今2.1.2的支持,可以说Data Binding已经是一个可用度较高,也能带来实际生产力提升的技术了。
然而事实上,真正使用到Data Binding的公司、项目仍然是比较少的。可能是出于稳定性考虑,亦或是对Data Binding技术本身不够熟悉,又或许对新技术没什么追求。
我司在新的产品中就全面使用了Data Binding技术,无论是我,还是新来直接面对Data Binding上手的工程师也好,都对其爱不释手,用惯了后简直停不下来。
希望在看完本文的介绍后,会有更多的朋友产生兴趣,来使用Data Binding,参与它的讨论。
Demo源码库:DataBindingSample
什么是Data Binding
Data Binding,顾名思义,数据绑定,是Google对MVVM在Android上的一种实现,可以直接绑定数据到xml中,并实现自动刷新。现在最新的版本还支持双向绑定,尽管使用场景不是那么多。
Data Binding可以提升开发效率(节省很多以往需要手写的java代码),性能高(甚至超越手写代码),功能强(强大的表达式支持)。
用途
- 去掉Activities & Fragments内的大部分UI代码(setOnClickListener, setText, findViewById, etc.)
- XML变成UI的唯一真实来源
- 减少定义view id的主要用途(数据绑定直接发生在xml)
开源方案
- ButterKnife, Jake大神的知名库了,可以少些很多findViewById,setOnClickListener,取而代之地用annotation去生成代码。
- Android Annotations,同样通过annotation,大量的annotation,侵入性较强,需要遵循其规范写一些代码,像是@AfterViews注释中才能对View进行操作。
- RoboBinding,和Data Binding最相似的一个方案,同样很多事情放在xml去做了,使用了aspectJ去做生成。
除了这些比较有名的,还有很多各不相同的方案,但自从data binding发布后,可以说它们都再也没有用武之地了,因为无论从性能、功能,还是ide的支持上,data binding都更好。
优势
- UI代码放到了xml中,布局和数据更紧密
- 性能超过手写代码
- 保证执行在主线程
劣势
- IDE支持还不那么完善(提示、表达式)
- 报错信息不那么直接
- 重构支持不好(xml中进行重构,java代码不会自动修改)
使用
使用起来实在很简单,在app模块的build.gradle中加上几行代码就行了。
Gradle
1 2 3 4 5 6 7 |
android { … dataBinding { enabled = true } } |
layout tag
把一个普通的layout变成data binding layout也只要几行的修改:
1 2 3 4 |
<layout> // 原来的layout </layout> |
在xml的最外层套上layout标签即可,修改后就可以看到生成了该布局对应的*Binding类。
Binding生成规则
默认生成规则:xml通过文件名生成,使用下划线分割大小写。 比如activity_demo.xml,则会生成ActivityDemoBinding,item_search_hotel则会生成ItemSearchHotelBinding。
view的生成规则类似,只是由于是类变量,首字母不是大写,比如有一个TextView的id是first_name,则会生成名为firstName的TextView。
我们也可以自定义生成的class名字,只需要:
1 2 3 4 |
<data class=“ContactItem”> … </data> |
这样生成的类就会变成ContactItem
。
基础用法
生成Binding实例
所有Binding实例的生成都可以通过DataBindingUtil
进行,方法名与该view的原inflate方法一致,如activity仍然为setContentView,只是增加了参数因为需要获得activity。
去除findViewById
使用了Data Binding后,我们再也不需要findViewById,因为一切有id的view,都已经在Binding类中被初始化完成了,只需要直接通过binding实例访问即可。
变量绑定
使用data标签,我们就可以在xml中申明变量,在其中使用该变量的field,并通过binding实例set进来。
如:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 |
<data> <variable name="employee" type="com.github.markzhai.databindingsample.Employee"/> </data> <LinearLayout android:layout_width="match_parent" android:layout_height="match_parent" android:gravity="center_horizontal" android:orientation="vertical" tools:context=".DemoActivity"> <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="@{employee.lastName}" android:layout_marginLeft="5dp"/> </LinearLayout> |
然后我们就可以在java代码中使用
1 2 3 4 |
binding.setEmployee(employee); // 或者直接通过setVariable binding.setVariable(BR.employee, employee); |
事件绑定
严格意义上来说,事件绑定也是一种变量绑定。我们可以在xml中直接绑定
- android:onClick
- android:onLongClick
- android:onTextChanged
- …
方法引用
通常会在java代码中定义一个名为Handler或者Presenter的类,然后set进来,方法签名需和对应listener方法一致。
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 |
<layout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" xmlns:bind="http://schemas.android.com/apk/res-auto"> <data> <import type="android.view.View"/> <variable name="employee" type="com.github.markzhai.databindingsample.Employee"/> <variable name="presenter" type="com.github.markzhai.databindingsample.DemoActivity.Presenter"/> </data> <LinearLayout android:layout_width="match_parent" android:layout_height="match_parent" android:gravity="center_horizontal" android:orientation="vertical" tools:context=".DemoActivity"> <EditText android:layout_width="match_parent" android:layout_height="wrap_content" android:hint="输入 First Name" android:onTextChanged="@{presenter::onTextChanged}"/> <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:onClick="@{presenter.onClick}" android:text="@{employee.firstName}"/> </LinearLayout> </layout> |
在Java代码中:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 |
@Override protected void onCreate(Bundle savedInstanceState) { ... binding.setPresenter(new Presenter()); ... } public class Presenter { public void onTextChanged(CharSequence s, int start, int before, int count) { employee.setFirstName(s.toString()); employee.setFired(!employee.isFired.get()); } public void onClick(View view) { Toast.makeText(DemoActivity.this, "点到了", Toast.LENGTH_SHORT).show(); } } |
监听器绑定(lambda)
可以不遵循默认的方法签名:
1 2 3 4 5 6 7 |
<TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_margin="5dp" android:visibility="@{employee.isFired ? View.GONE : View.VISIBLE}" android:onClick="@{() -> presenter.onClickListenerBinding(employee)}"/> |
1 2 3 4 5 6 7 |