Data binding 入坑笔记三layout表达式详解

iceland

Data binding 入坑笔记一入门篇
Data binding 入坑笔记二进阶篇之双向绑定

前两篇介绍了基础知识和双向绑定,今天我们来详细剖析一下layout语法规则,以便能灵活使用data binding

1. 表达式概览

1.1 xml里支持使用以下表达式

  • 数学 +`` - ``/`` *`` %
  • 字符串连接 +
  • 逻辑 && ||
  • 二进制&`` | ``^
  • 一元运算 +`` -`` !`` ~
  • 移位 >>`` >>>`` <<
  • 比较 ==`` >`` < ``>= ``<=
  • instanceof
  • 分组()
  • null
  • Cast
  • 方法调用
  • 数据访问 []
  • 三元运算 ?:

暂不支持以下表达式

  • this
  • super
  • new
  • 显式泛型调用

2. 表达式运用

2.1 变量

先来复习一下基础变量的使用,变量的使用分为变量给控件赋值和控件给变量赋值两种

变量给控件赋值

android:text="@{student.name}"

控件给变量赋值(具体请参考双向绑定)

android:text="@={student.name}"

避免空指针

data binding会自动帮助我们进行空指针的避免,比如说@{student.name},如果name是null的话,student.name则会被赋默认值(null)。int的话,则是0。

2.2 空运算符

android:text="@{user.firstName ?? user.lastName}"

这个操作等价于

android:text="@{user.displayName != null ? user.firstName : user.lastName}"

2.3 显隐控制

首先在 xml 的 data 节点中引用View

<data>
    <import type="android.view.View"/>
</data>

然后设置visibility

android:visibility="@{student.boy ? View.VISIBLE : View.INVISIBLE}"

2.4 静态方法调用

首先定义一个静态方法

public class StringUtil {
    /**
     * 实现文字倒序
     * @param text 文字
     * @return 倒序文字
     */
    public static String reverseString(String text) {
        StringBuffer stringBuffer = new StringBuffer(text);
        return  stringBuffer.reverse().toString();
    }
}

然后在 xml 的 data 节点中引用该类

<data>
    <import type="com.jie.databindingsimple.StringUtil" />
</data>

最后是方法的调用

android:text="@{StringUtil.reverseString(student.name)}"

2.5 监听方法调用

控件常用的监听都可以用事件绑定来搞定,比如以下这几种

  • android:onClick
  • android:onLongClick
  • android:onTextChanged
    ...

常规调用方法

首先在 xml 的 data 节点中添加变量,我这里是把当前activity对象添加进来

<data>
    <variable name="activity" type="com.jie.databindingsimple.LayoutActivity"/>
</data>

引用变量后别忘了在oncreate方法中绑定变量

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

binding.setActivity(this);

最后在控件中绑定事件

<EditText...
    android:hint="事件监听,请输入文字"
    android:onTextChanged= "@{activity::onTextChanged}"/>

其他事件同理

Lambda表达式

在xml中我们还可以应用lambda表达式来书写

android:onClick="@{(view) -> activity.onTextClick(view)}"

统计一下事件监听表达的用法

由此可见事件监听绑定有很多种用法,我们在项目中最好统一规范应用其中一种,避免个性化

android:onClick="onTextClick"
android:onClick="@{(view) -> activity.onTextClick(view)}"
android:onClick="@{activity::onTextClick}"
android:onClick="@{activity.onTextClick}"

2.6 资源数据

在xml中我们可以根据变量动态设置数值,比如这样

android:padding="@{large? @dimen/largePadding : @dimen/smallPadding}"

还可以拼接变量数据,比如这样

android:text="@{@string/nameFormat(firstName, lastName)}"

2.7 表达式链

重复的表达式

<ImageView android:visibility=“@{isVisible ? View.VISIBLE : View.GONE}”/>
<TextView android:visibility=“@{isVisible  ? View.VISIBLE : View.GONE}”/>
<CheckBox android:visibility="@{isVisible  ? View.VISIBLE : View.GONE}"/>

可以简化成下面这样

<ImageView aandroid:id="@+id/image"
 android:visibility="@{isVisible ? View.VISIBLE : View.GONE}"/>
<TextView android:visibility="@{image.visibility}"/>
<CheckBox android:visibility="@{image.visibility}"/>

注意,id起名有一个bug,不能有下划线_否则会报错

2.8 Include

include核心在bind属性,可以绑定includelayout的变量,先看主布局

<data>
    <variable name="btnText" type="String" />
</data>

<LinearLayout...>
    <include
        layout="@layout/layout_button"
        bind:btnText="@{btnText}"/>
</LinearLayout>

再看子布局,可见父布局用bind属性将btnText绑定了值,然后子布局进行赋值

<data>
    <variable name="btnText" type="String"/>
</data>

<LinearLayout...>
    <Button
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_margin="5dp"
        android:onClick="btnClick"
        android:text="@{btnText}"/>
</LinearLayout>

注意的一点是,被include的布局必须顶层是一个ViewGroup,目前Data Binding的实现,如果该布局顶层是一个View,而不是ViewGroup的话,binding的下标会冲突(被覆盖),从而产生一些预料外的结果。

2.9 Viewstubs

在xml中添加ViewStub标签

<ViewStub
    android:id="@+id/view_stub"
    android:layout="@layout/view_stub"
    ... />

ViewStub比较特殊,在被实际inflate前是不可见的,所以使用了特殊的方案,用了finalViewStubProxy来代表它,并监听了ViewStub.OnInflateListener

binding.viewStub.setOnInflateListener(new ViewStub.OnInflateListener() {
    @Override
    public void onInflate(ViewStub stub, View inflated) {
        ViewStubBinding binding = DataBindingUtil.bind(inflated);
        User user = new User("Laxus", "J");
        binding.setUser(user);
    }
});

3.总结

讲到这里layout所有表达式的用法基本全了,包含了各种各样的应用场景,基本可以告别了在代码中获取view对象来设置监听方法和赋值,从而避免了大量的冗余代码,回去可以狂删代码了。下一节我们来说说Data Binding在Recycleview中的用法。

参考代码地址点这里

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

推荐阅读更多精彩内容