【转载】DataBinding

来源：互联网发布：随机抽取软件编辑：程序博客网时间：2024/06/05 14:53

去年谷歌 I/O大会上介绍了一个非常厉害的新框架DataBinding，数据绑定框架给我们带来了很大的方便，以前我们可能需要在每个Activity里写很多的findViewById，不仅麻烦，还增加了代码的耦合性，如果我们使用DataBinding，就可以抛弃那么多的findViewById，省时省力。说到这里，其实网上也有很多快速的注解框架，但是注解框架与DataBinding想比还是不好用，而且官网文档说DataBinding还能提高解析XML的速度，其实DataBinding的好用，不仅仅体现在可以省去使用很多啰嗦findViewById，还有很多。往下看你就会明白的。

在介绍DataBinding之前，肯定要先学会搭建使用它的环境。鉴于是去年发布的，现在大家AS的版本估计都在1.5以上了，就在1.5的版本上搭建和介绍吧，1.5之前的大家可以在网上搜索，因为我看网上大多数是介绍的1.3的使用方法，还没有很多对于1.5之后的环境搭建方法。

环境搭建

Android 的 Gradle 插件版本不低于 1.5.0-alpha1：
classpath ‘com.android.tools.build:gradle:1.5.0’
然后修改对应模块（Module）的 build.grade：

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

注意：Android stuido 的版本一定要大于1.3，而且Android Studio目前对binding对象没有自动代码提示，只会在编译时进行检查。

就是这么简单，但是1.3及以前的版本，对于环境的搭建，可能就会麻烦一点（没事1.3的环境搭建方法，网上多得是）。

基础展示

我们在具体的讲解之前，先用一个简单的小例子来学习一下基础并展现一下DataBinding的巨大魅力，估计你会被其简单的特性所吸引哦。

首先我们先建立一个java bean，就是一个非常简单的用户类吧。

package loonggg.net.databinding.bean;/** * Created by loongggdroid on 2016/3/14. */public class User {    private String name;    private String age;    public User(String name, String age) {        this.name = name;        this.age = age;    }    public void setName(String name) {        this.name = name;    }    public void setAge(String age) {        this.age = age;    }    public String getName() {        return this.name;    }    public String getAge() {        return this.age;    }}

其次，来看看使用了DataBinding之后的布局文件是什么样子的呢？主要的变化是在layout布局文件之中。

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

看到这里，可能有的人就开始有点迷糊了，没有给控件定义id，而是用了@{ }的方法，到底是怎么回事？先不忙，一会再给你解释，我们再来看看怎么把值传进去的，在Activity中是如何使用的。

package loonggg.net.databinding;import android.app.Activity;import android.databinding.DataBindingUtil;import android.os.Bundle;import loonggg.net.databinding.bean.User;import loonggg.net.databinding.databinding.ActivityMainBinding;public class MainActivity extends Activity {    @Override    protected void onCreate(Bundle savedInstanceState) {        super.onCreate(savedInstanceState);        ActivityMainBinding binding = DataBindingUtil.setContentView(this, R.layout.activity_main);        User user = new User("loonggg", "23");        binding.setUser(user);    }}

看到Activity是不是感觉很简洁，很清爽，没有了控件的初始化findViewById，然后再去setText(), 就仅仅只添加了两行代码。
运行结果，不用说，显而易见，肯定会显示loonggg和23，效果图如下：

基础解释

布局生命
例子我们介绍完了，对于例子中出现的一些新东西，有必要解释一下，java bean那里就不解释了，大家肯定都懂，我们就从布局文件讲起。相比以前使用的xml，根节点由具体的某个layout（比如LinearLayout ）变成了layout，里面包括了data节点和传统的视图。这里的data节点就像是连接 View 和 Modle 的桥梁。在这个data节点中声明一个variable变量，那值就可以轻松传到布局文件中来了。

<?xml version="1.0" encoding="utf-8"?><layout xmlns:android="http://schemas.android.com/apk/res/android"><!--type中声明的就是我们的用户实体类User，一定要写全，带着包名，我们给这个实体类命名为user-->    <data>        <variable            name="user"            type="loonggg.net.databinding.bean.User" />    </data>     <LinearLayout>     ……    </LinearLayout></layout>

变量名为user
变量类型为”loonggg.net.databinding.bean.User “

type中声明的就是我们的用户实体类User，一定要写全，带着包名，我们给这个实体类命名为user，TextView中的@{user.name}就是把这个user中的名字展示出来，age同样如此。

绑定Variable
虽然在布局文件中对应上了，但是值是怎么传进去的呢？这就是我们要将的Activity中的那两行代码了，它把实体类和布局文件进行了绑定。修改MainActivity中的onCreate，用 DatabindingUtil.setContentView() 来替换掉 setContentView()，然后创建一个 user 对象，通过 binding.setUser(user) 与 variable 进行绑定。

@Override    protected void onCreate(Bundle savedInstanceState) {        super.onCreate(savedInstanceState);        ActivityMainBinding binding = DataBindingUtil.setContentView(this, R.layout.activity_main);        User user = new User("loonggg", "23");        binding.setUser(user);    }

高级用法

import用法
其实data节点也是支持import用法的，比如：

<data>     <import type="loonggg.net.databinding.bean.User "/>     <variablename="user"type="User" /></data>

这里需要注意的是：import 并不能像java 一样可以 import xx.xxx.*，必须具体到写清楚每个要导入的类名。

类名相同
到这里你可能会问如果import了两个相同名称的类咋办？别怕，人家想的很周到，可以起个别名或者昵称吗！例如：

···<data>   <import type="xxx.User" alias="MyUser">   <import type="xxx.xx.User">    <variable             name="user"             type="User" />     <variable             name="myUser"             type="MyUser"/> </data> <TextView xxx:@{myUser.getName()}> <TextView xxx:@{user.getName()}>···

变量定义的高级用法
在上面，我们学会了如何去在xml中定义一些简单的变量。我们没有定义像List、Map等这样的集合变量。那这种集合变量该如何定义呢？其实定义的方式和我们上面的基本一致，区别就在于我们还需要为它定义key的变量，例如：

<layout xmlns:android="http://schemas.android.com/apk/res/android">         <data>             <import type="android.graphics.Bitmap" />             <import type="java.util.ArrayList" />             <import type="java.util.HashMap" />            <!-- 集合的定义 -->            <variable                 name="list"                 type="ArrayList<String>" />             <variable                 name="map"                 type="HashMap<String, String>" />             <variable                 name="array"                 type="String[]" />           <!-- 为集合定义对应的索引 -->            <variable                 name="listKey"                 type="int" />             <variable                 name="mapKey"                 type="String" />             <variable                 name="arrayKey"                 type="int" />             <!-- 字符串，布尔值和int的用法-->            <variable                 name="str"                 type="String"/>             <variable                 name="error"                 type="boolean"/>             <variable                 name="num"                 type="int" />         </data>         <LinearLayout             android:orientation="vertical"             android:layout_width="match_parent"             android:layout_height="wrap_content">             <TextView                 android:layout_width="wrap_content"                 android:layout_height="wrap_content"                 android:text="@{list[listKey]}"/>             <TextView                 android:layout_width="wrap_content"                 android:layout_height="wrap_content"                 android:text="@{map[`name`]}"/>             <TextView                 android:layout_width="wrap_content"                 android:layout_height="wrap_content"                 android:text="@{array[0]}"/>             <TextView                 android:layout_width="wrap_content"                 android:layout_height="wrap_content"                 android:text="@{str}"/>             <TextView                 android:layout_width="wrap_content"                 android:layout_height="wrap_content"                 android:text="@{String.valueOf(num)}"/>         </LinearLayout>     </layout>

事件的绑定
可以直接在 xml 导入android.view.View.OnClickListener，并制定其点击事件。

<variable    name="clickListener"    type="android.view.View.OnClickListener" />...  android:onClick="@{clickListener}"...

holder.binding.setClickListener(new View.OnClickListener() {            @Override            public void onClick(View v) {               //do something        });

表达式
其实在xml文件中还是支持表达式的，比如说如下：

<TextView    android:layout_width="wrap_content"    android:layout_height="wrap_content"    android:text='@{error ? "error" : "ok"}'/>

这是一个布尔值的使用。
下面我们就来看看表达式支持的一下语法和不支持的语法
支持的表达式：
Mathematical + - / * %
String concatenation +
Logical && ||
Binary & | ^
Unary + - ! ~
Shift >> >>> <<
Comparison == > < >= <=
instanceof
Grouping ()
Literals - character, String, numeric, null
Cast
Method calls
Field access
Array access []
Ternary operator ?:

不支持的表达式：
this
super
new
Explicit generic invocation

带id的控件的赋值方式
对于xml文件中控件的赋值，其实也是可以在java文件中，用java来实现的。我就以最上面那个简单的小例子来说，假如给一个TextView设置的id如下：

<TextView            android:id="@+id/name"            android:layout_width="wrap_content"            android:layout_height="wrap_content"           />

在Activity中这样赋值：

@Override    protected void onCreate(Bundle savedInstanceState) {        super.onCreate(savedInstanceState);        ActivityMainBinding binding = DataBindingUtil.setContentView(this, R.layout.activity_main);        binding.name.setText("非著名程序员");    }

看到这里基础的大部分就讲完了，其实还有很多更高级的用法，比如在ListView中怎么用等等，大家可以去自己查阅资料学习，这样认识的可以更深刻。希望这篇文章对大家能够有所帮助。DataBinding大家可以从现在开始尝试的使用起来。

  <div class="visitor_edit">    <!-- further readings -->    <div id="further-readings" data-user-slug="" data-user-nickname="">      <div id="further-reading-line" class="hide further-reading-line"></div>      <ul id="further-readings-list" class="reading-list unstyled"></ul>      <div id="further-reading-new" class="reading-edit">          <a data-signin-link="true" data-toggle="modal" href="/sign_in">            <i class="fa fa-plus-circle"></i> 推荐拓展阅读

著作权归作者所有

  <!-- Reward / Support Author -->    <div class="support-author">      <p>随心而赏，重在分享</p>        <a class="btn btn-pay" data-toggle="modal" href="#pay-modal">¥ 打赏支持</a>      <div class="avatar-list"></div>    </div>  <!-- article meta bottom -->  <div class="meta-bottom clearfix">    <!--  Like Button -->    <div class="like ">        <div class="like-button">          <a id="like-note" class="like-content" data-signin-link="true" data-toggle="modal" href="/sign_in">            <i class="fa fa-heart-o"></i>  喜欢

http://v.t.sina.com.cn/share/share.php?appkey=1881139527',u=z||d.location,p=['&url=',e(u),'&title=',e(t||d.title),'&source=',e(r),'&sourceUrl=',e(l),'&content=',c||'gb2312','&pic=',e(p||'')].join('');function%20a(){if(!window.open([f,p].join(''),'mb',['toolbar=0,status=0,resizable=1,width=440,height=430,left=',(s.width-440)/2,',top=',(s.height-430)/2].join('')))u.href=[f,p].join('');};if(/Firefox/.test(navigator.userAgent))setTimeout(a,0);else%20a();})(screen,document,encodeURIComponent,'','','http://cwb.assets.jianshu.io/notes/images/3259123/weibo/image_c6208fbe2f9d.jpg', '推荐 @涩郎的文章《Android数据绑定框架DataBinding，堪称解决界面逻辑的黑科技》（分享自 @简书）','http://www.jianshu.com/p/2d3227d9707d','页面编码gb2312|utf-8默认gb2312'));” data-name=”weibo”>
分享到微博

分享到微信

更多分享

  <!-- Modals -->  <div id="share-weixin-modal" class="modal hide fade share-weixin-modal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">

  <div id="notebooks-menu" class="panel notebooks-menu arrow-top modal hide fade"><img class="loader-tiny" src="http://baijii-common.b0.upaiyun.com/loaders/tiny.gif" alt="Tiny" /></div>  <div id="collection-menu" class="panel collection-menu arrow-top modal hide fade"><img class="loader-tiny" src="http://baijii-common.b0.upaiyun.com/loaders/tiny.gif" alt="Tiny" /></div>  <div id="likes-modal" class="modal modal_new support_list-modal fullscreen hide fade" tabindex="-1" role="dialog" aria-hidden="true">

<!-- Comments --><div id="comments" class="comment-list clearfix">    <div class="comment-head clearfix">      3条评论      <span class="order">        （        <a data-order="asc" class="active" href="javascript:void(0)">按时间正序</a>·        <a data-order="desc" href="javascript:void(0)">按时间倒序</a>·        <a data-order="likes_count" href="javascript:void(0)">按喜欢排序</a>        ）      </span>        <a class="goto-comment pull-right" data-signin-link="true" data-toggle="modal" href="/sign_in">          <i class="fa fa-pencil"></i>添加新评论

登录后发表评论

</div><!-- -->

{"id":3259123,"abbr":"去年谷歌I/O大会上介绍了一个非常厉害的新框架DataBinding，数据绑定框架给我们带来了很大的方便，以前我们可能需要在每个Activity里写很多的findViewById，不仅麻烦，还增加了代码的耦合性，如果我们使用DataBinding，就可以抛弃那么多的findViewById，省时省力。说到这里，其实网上也有很多快速的注解框架，但是注解框架与DataBinding想比还是不好用，而且官网文档说DataBinding还能提高解析XML的速度，其实DataBinding的好用，不仅仅体现在可以省去使用很多啰嗦findViewById，还有很多。往下看你就会明白的。在介...","slug":"2d3227d9707d","url":"http://www.jianshu.com/p/2d3227d9707d","image_url":"http://cwb.assets.jianshu.io/notes/images/3259123/weibo/image_c6208fbe2f9d.jpg","wordage":2357,"has_further_readings":false,"views_count":413,"likes_count":18,"comments_count":3,"rewards_total_count":0}

{"uuid":"c0ee6a00-ce46-0133-b532-52540095852f"}

{"id":704225,"nickname":"非著名程序员","slug":"7f902caed210","public_notes_count":53,"followers_count":621,"total_likes_count":1054,"is_current_user":false,"is_signed_author":false}

<div class="include-collection">  <div class="content">    <h5>被以下专题收入，发现更多相似内容：</h5>    <ul id="all-collections" class="unstyled collections-list">        <li>          <a class="avatar" href="/collection/bDHhpK"><img src="http://upload.jianshu.io/collections/images/47/rdn_4ddb18fddd2e9_%281%29.jpg?imageMogr2/auto-orient/strip|imageView2/2/w/180" alt="180" /></a>              <div class="collections-info">            <h5>              <a href="/collection/bDHhpK">首页投稿</a>            </h5>

添加关注
80.9K

            <p class="description">玩转简书的第一步，从这个专题开始。

想上首页热门榜么？好内容想被更多人看到么？来投稿吧！如果被拒也不要灰心哦～入选文章会进一个队…

39643篇文章 · 80979人关注

程序员

添加关注
65.1K

            <p class="description">简书程序员大本营

投稿须知：
1.本专题仅收录与程序有关的文章。
2.请在代码框里写代码，尽量保证可看性。

7979篇文章 · 65191人关注

技术文

添加关注
2.0K

            <p class="description">干货技术文。</p>            <p>              <a class="blue-link" href="/collection/acd3638cc950">980篇文章</a> · 2009人关注            </p>          </div>        </li>    </ul>  </div></div>

      <label for="reward_channel_wx_pub_qr">        <input type="radio" value="wx_pub_qr" name="reward[channel]" id="reward_channel_wx_pub_qr" />        微信支付

<div class="modal success-pay text-center hide fade" id="success-pay">

var _gaq = _gaq || [];
_gaq.push([‘_setAccount’, ‘UA-35169517-1’]);
_gaq.push([‘_setCustomVar’, 2, ‘User Type’, ‘Visitor’, 1 ]);
_gaq.push([‘_trackPageview’]);

(function() {
var ga = document.createElement(‘script’); ga.type = ‘text/javascript’; ga.async = true;
ga.src = (‘https:’ == document.location.protocol ? ‘https://ssl’ : ‘http://www‘) + ‘.google-analytics.com/ga.js’;
var s = document.getElementsByTagName(‘script’)[0]; s.parentNode.insertBefore(ga, s);
})();

(function(){ var bp = document.createElement('script'); bp.src = '//push.zhanzhang.baidu.com/push.js'; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(bp, s);})();

0 0

【转载】DataBinding

基础展示

基础解释

高级用法

打开微信“扫一扫”，打开网页后点击屏幕右上角分享按钮

喜欢的用户

程序员

技术文

选择支付方式：

打赏成功