美文网首页
DataBinding简单解析

DataBinding简单解析

作者: 打酱油的小孩 | 来源:发表于2019-03-30 12:57 被阅读0次

    前言:

    第一次接触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的小伙伴提供一点参考。虽然文章涉及的内容简单但本人也怕出错而误人子弟,所以也是参考了很多大神的文章。个人最喜欢这篇这篇,大家可以去学习更深入的东西。

    相关文章

      网友评论

          本文标题:DataBinding简单解析

          本文链接:https://www.haomeiwen.com/subject/iamjbqtx.html