Android数据绑定DataBinding(一)入门篇

早上看到了一篇推文“还在使用繁琐的findViewById,跟着尝试了一下DataBinding,之前使用ButteKnife就已经干掉了findViewById。因为写过微信小程序,那种在js中数据源改变,UI中的数据跟着改变,真的很爽。


本文个人拙见,如果有误人子弟处,请提出,感激——来自小渣渣的颤抖

配置

关于DataBinding的介绍不说了,我也没搞懂,先会用。
appbuild.gradle中添加如下内容,表示支持数据绑定,(个人理解)因为使用数据绑定会通过布局文件自动生成许多的东西,见后面。

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

布局使用

新建一个activity,在其layout中使用如下

<layout>
    <data>
        <variable name="user" type="com.jiajia.mypractisedemos.module.jetpack.User"/>
    </data>

    <LinearLayout 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"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:orientation="vertical"
        tools:context="com.jiajia.mypractisedemos.module.jetpack.JetpackActivity">

        <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="@{user.userName}"/>

        <Button
            android:layout_width="wrap_content"
            android:text="更换User"
            android:layout_height="wrap_content" />
    ......
    </LinearLayout>
</layout>

这里布局的根节点不是平时使用的几大布局了,而是layout,看其他的文章说使用layout会自动生成绑定类(见后面)。
data标签下新建变量variable,设置name属性和type属性,name随便取,在本xml中使用,这里的type可以是我们平时使用的基本数据类型,也可以是自己封装的类等,显而易见就是布局文件需要使用的数据,这里定义了一个User类,多么通用的栗子啊。User类就是个简单的Model啦

public class User{
    private String userName;
    private int age;

    public User(String userName, int age) {
        this.userName = userName;
        this.age = age;
    }
    public String getUserName() {
        return userName == null ? "" : userName;
    }

    public void setUserName(String userName) {
        this.userName = userName;
    }
    public int getAge() {
        return age;
    }

    public void setAge(int age) {
        this.age = age;
    }

再回到xml中,这里复制一下TextView节点,便于浏览

<TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="@{user.userName}"/>

android.text = "@{user.userName}",使用@{}即可取user中的值,这个user就是顶部定义的绑点数据啦,到这里,我开始思考,这个user是不是到时候我在我的Activity中进行绑点操作就可以直接显示到我的界面了啊。bingo,废话,不然叫数据绑定啊。

Activity中绑定

有了布局文件,有了需要绑点的数据,怎么在将其进行绑定了,说白了,我界面需要使用user这个对象,我总得初始化吧。
很简单了,在Activity中,创建两个全局变量

ActivityJetpackBinding binding;
User user;

这里user没什么好说了,那个ActivityJetpackBinding是什么鬼,说一下我的Activity名字叫JetpackActivity,so,这个类就是前面我说的自动生成的啦,怎么实例化呢。

binding = DataBindingUtil.setContentView(this,R.layout.activity_jetpack);

使用DataBindingUtil就可以了,咦,这个setContentView好熟悉,一般onCreate中都有这个,一想到绑定,难道这句话会把之前的那个setContentView也干掉了,我小心翼翼的去掉之前的setContentView,果然可以运行,那怎么干掉的呢(其实不用看,我只是好奇怎么干掉的,所以看看源码),

点进去看到

public static <T extends ViewDataBinding> T setContentView(Activity activity, int layoutId) 
{ return setContentView(activity, layoutId, sDefaultComponent);}

再点return后面的setContentView

>public static <T extends ViewDataBinding> T setContentView(Activity activity, int layoutId,
            DataBindingComponent bindingComponent) {
        activity.setContentView(layoutId);
        View decorView = activity.getWindow().getDecorView();
        ViewGroup contentView = (ViewGroup) decorView.findViewById(android.R.id.content);
        return bindToAddedViews(bindingComponent, contentView, 0, layoutId);
    }

ok,熟悉的activity.setContentView(layoutId);
说明确实干掉了。

得到了binding对象,新建一个User,怎么将新建的User和binding联系起来呢
原来binding有setter和getter啦binding.setUser(user);,就这样,运行时,TextView的值有了,全程没有使用之前的setTex(),完整一点的onCreate代码

//        setContentView(R.layout.activity_jetpack);
        binding = DataBindingUtil.setContentView(this,R.layout.activity_jetpack);
        user = new User("家佳",25);
        binding.setUser(user);

到这里,基本的绑定就实现了,算是入门了吧,来看看和之前的区别,布局文件中没有id,activity中没有绑定id,没有setText,确实看起来少了许多。But.....

这肯定不是我要的效果啊,我要的是改变user的值,界面跟着改变,不用去setText
所以我开始思考

思考

如果我改变User的值,界面会跟着变吗?其实肯定会的,只是我还不知道怎么用,我的想法很单纯,很简单,搞个Button,点击需改全局User的值,界面跟着变,ok,我写了,然而打了自己的脸,我怎么这么可爱,too young 以为 很simple。
那么怎么才能实现这个效果呢。

动态绑定

原来需要再User这个类上下功夫
数据绑定提供了基类BaseObservable,需要继承它,修改后的User如下


public class User extends BaseObservable{
    private String userName;
    private int age;
    public User(String userName, int age) {
        this.userName = userName;
        this.age = age;
    }
    @Bindable
    public String getUserName() {
        return userName == null ? "" : userName;
    }
    public void setUserName(String userName) {
        this.userName = userName;
        notifyPropertyChanged(BR.userName);
    }
    @Bindable
    public int getAge() {
        return age;
    }

    public void setAge(int age) {
        this.age = age;
        notifyPropertyChanged(BR.age);
    }
}

在getter上面加@Bindable,在setter函数中加notifyPropertyChanged,好熟悉Adapter啊,一看这个实现应该是观察者模式啦。这里notifyPropertyChanged需要一个int参数,查看一番,据说类似R.java中的id一样,不懂,看别人用的BR,直接用BR即可,关于BR是啥,还不知道。
更改了User类之后,在之前的button中通过user.setUsername(),完美实现了布局中数据的改变。

最后

数据绑定还有很多东西,比如动态绑定,不需要这么麻烦,比如Button的onClick事件也可以绑定,下篇再说把。

此致,敬礼

©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 203,098评论 5 476
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 85,213评论 2 380
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 149,960评论 0 336
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 54,519评论 1 273
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 63,512评论 5 364
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,533评论 1 281
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 37,914评论 3 395
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,574评论 0 256
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 40,804评论 1 296
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,563评论 2 319
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,644评论 1 329
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,350评论 4 318
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 38,933评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,908评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,146评论 1 259
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 42,847评论 2 349
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,361评论 2 342

推荐阅读更多精彩内容