【转载】DataBinding

最新推荐文章于 2024-07-24 10:44:10 发布
最新推荐文章于 2024-07-24 10:44:10 发布
阅读量1.5k 收藏 1
点赞数
分类专栏： 安卓技术


去年谷歌 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>  喜欢







  <!-- 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>添加新评论



Tiny



登录后发表评论 

</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>


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

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



39643篇文章 · 80979人关注




  • 180


    程序员 

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

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



    7979篇文章 · 65191人关注




  • 180


    技术文 

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




    ×




    100

    随心而赏，重在分享













    选择支付方式：


          <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">


    ×


    打赏成功


    Complete 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); })();


枫_笛
关注
专栏目录
Android mvvm 之 databinding 原理
夜行小生
07-29 562
本文为原创内容，转载请注明出处——小舍 目录 1 Data Binding 的结构 1.1 rebind 行为 1.2 observe data 行为 1.3 observe view 行为 2 样例分析——谷歌 sunflower 的改造 2.1 Data——FakeData 2.2 View——fragment_plant_detail.xml 2.3 ViewDataBinding——FragmentPlantDetailBinding 2.4 adapter 绑定说明 3 免 find
DataBinding使用教程详解
zhangwude2301的专栏
05-06 5588
序 针对MVP和MVC架构的理解还是比较清晰的，但是微软早些提出的MVVM还不是很了解，只知道一个词在耳边很热——“数据驱动”。下面通过对MVVM在Android端的实践DataBinding的深入学习来加深对MVVM模式的理解。 DataBinding介绍 DataBinding——数据绑定，是Google对MVVM在Android上的一种实现，可以直接绑定数据到xml中，通过View...
初步了解DataBinding（数据绑定）
01-20
初步了解DataBinding（数据绑定）关于JetPack中的DataBinding（数据绑定）创建实例布局文件创建ViewModel类在MainActivity.java中声明变量实现效果如下：==使用DataBinding来改写==改善代码部分 关于JetPack中的DataBinding（数据绑定） 数据绑定库是一种支持库，借助该库，您可以使用声明性格式（而非程序化地）将布局中的界面组件绑定到应用中的数据源。 简言之一句话：通过DataBingding隔离开controller与View的紧密联系 创建实例 首先使用常用方法实现点击按钮文本记录自增1 本文为学习类文档，通过学习B站up
Data Binding
weixin_30780221的博客
12-20 107
Usually you should define a decorator class for UI, for example, // if you want to update UI automatically when property "Title" is change, we need add code in green. public class DataBin...
kotlin,Android教你最基础的ViewBinding视图绑定
最新发布
m0_74531507的博客
07-24 2487
手把手教会你如何使用最基础的视图绑定ViewBinding
MVVM 中的Databinding
weixin_33717117的博客
04-28 172
引子 Android 中的MVVM模式的实现其很大一部分依托于Android Architecture Component 中的Databinding的实现,DataBinding让我们的数据和界面产生了连接，而不需要我们手动的操作着令人烦闷的控件赋值操作。MVVM也正是借助于DataBinding实现了数据与界面的解耦。其类似与一种轻量级的标记语言，通过ide的支持，实现界面支持基础的标记语法操...
databinding
qq_34250794的博客
08-01 177
databinding 一、使用 <?xml version="1.0" encoding="utf-8"?> <layout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:app="http://schemas.android.com/apk/res-auto" xmlns:tools="http://schemas.android.com/tools"> <!--ZSG xm
DataBinding 架构组件
03-25
【Jetpack】DataBinding ...版权声明：本文为CSDN博主「韩曙亮」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。 原文链接：https://blog.csdn.net/shulianghan/article/details/129762717
Android DataBinding学习和实践（一）
shuaibiaoshishen的博客
09-22 420
目录 一、简介 二、如何在Android Studio中使用DataBinding 三、DataBinding的表达式语法 1、变量的声明 2、变量的使用 3、变量的赋值 4、变量表达式操作符 一、简介 在Android实际开发过程中，如果是普通开发模式，那么默认的程序架构是如此的——layout（视图层）、activity（控制层）、数据传输存储类（数据层）。但是不幸的是，基础的layout布局文件作为视图层实在是太弱了，以至于activity必须承担一大部分的视图工作，...
Android DataBinding学习和实践（三）
shuaibiaoshishen的博客
09-27 236
书承上文，这次我们来探究一下生命周期绑定和双向绑定，然后会介绍一种架构模式MVVM。 一、生命周期绑定数据（LiveData） Google官方在退出DataBinding后，有更新了一种新的绑定方式——生命周期绑定。这种绑定方式可以允许开发者将数据和生命周期同时绑定，以便于绑定系统可以自己决定是不是要通知观察者。 那么这种模式有什么好处呢？举个例子，我有很多个activity使用我们之前学过的方式订阅了一个数据，当数据变化时，它会通知所有activity来更新这个数据...
DataBinding
上孟的专栏
08-25 586
DataBinding 是谷歌官方发布的一个框架，顾名思义即为数据绑定，是 MVVM 模式在 Android 上的一种实现，用于降低布局和逻辑的耦合性，使代码逻辑更加清晰。MVVM 相对于 MVP，其实就是将 Presenter 层替换成了 ViewModel 层。DataBinding 能够省去我们一直以来的 findViewById() 步骤，大量减少 Activity 内的代码，数据能够单向或双向绑定到 layout 文件中，有助于防止内存泄漏，而且能自动进行空检测以避免空指针异常 启用 DataB
Data Binding 数据绑定
燕皇槟枳的博客
04-13 238
添加：app下的 build.gradle   android{      dataBinding{               enable=reue      }      }扩展阅读RxJava / RxAndroid官方 WIKI：https://github.com/ReactiveX/RxJava/wiki极力推荐的代码家干货：http://gank.io/post/560e15be2...
JetPack-Databinding
qq_36642554的博客
07-20 212
简介 将布局中的界面组件绑定到应用的数据源中 简单使用 使用步骤： 创建数据对象，即一个类 创建布局文件 绑定数据 例子： 编译环境 在对应模块的build.gradle下添加dataBinding元素 android { // DataBinding必须 dataBinding { enabled = true } } 创建数据对象 这里我创建User类，用于绑定到xml文件上 data class User(val name: String)
DataBinding 绑定
08-04 265
当某个表单提交的时候 ,是不是在为每个EditText的findViewbyId 然后获取它的内容而烦恼呢.  其实用DataBinding的时候findViewById 这一步已经省略,在布局内为某个控件声明ID,然后在界面里可以直接通过DataBinding 对象获得该控件, 不过这样仅仅只是省略了findViewById而已,,那么如何获取控件内容改变后的值呢,DataBinding 当
[Angular 基础] - 数据绑定(databinding)
GoldenaArcher的博客
02-04 1376
Angular 之中的 databinding 是一个相对而言更加复杂，以及我个人觉得相对而言比较灵活的部分——较之 React 的单项数据流而言，Angular 是可以实现双重绑定的：对于 React 来说，则是需要调用从 ViewModel 中传给 View 层的事件，随后 ViewModel 更新数据，再传递到 View 层，总体上来说 React 的代码更加的可靠(因为数据/事件的流动是单一的)，但是也会碰到情况——如嵌套较深时，事件的触发与数据的更新就会产生比较麻烦的情况。
深入解析Android DataBinding原理
"AndroidDataBinding原理解析" Android DataBinding 是谷歌在2015年I/O大会上推出的一种数据绑定框架，旨在简化Android应用中的UI逻辑，提高代码的可读性和可维护性。它通过编译时的处理，使得开发者无需手动调用...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值