DataBinding 小试

关于DataBinding

2015 年谷歌 I/O 大会上介绍了一个数据绑定框架 DataBinding。2016 年,2017 年毫无意外成了项目实战中主流框架。使用它我们可以轻松实现 MVVM(模型 - 视图 - 视图模型)模式。来实现应用之间数据与视图的分离、视图与业务逻辑的分离、数据与业务逻辑的分离。

DataBinding的优点

1、低耦合、可重用性、易测试性等好处;
2、 减少了 findViewById 的出现频率;
3、提高解析 XML 的速度。

DataBinding支持版本

支持:Android 2.1 (API level 7+)
要求:Gradle插件至少1.5.0-alpha1或更高,Android Studio 1.3+

基本使用

构建环境

在app模块的build.gradle中添加如下:

android {
    ...
    // dataBinding 加入
    dataBinding {
        enabled = true
    }
}

布局使用

databinding的布局文件跟传统布局差不多,只是跟节点是以layout开头的(注意 xmlns命名空间一定要写在layout标签里,否则代码绑定的binding对象会返回空),例如:

<?xml version="1.0" encoding="utf-8"?>
<layout xmlns:android="http://schemas.android.com/apk/res/android">
    <data>
        <variable
            name="user"
            type="com.kingdee.test.modle.bean.User"/>
    </data>
    <LinearLayout
        android:gravity="center"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:orientation="vertical">

        <TextView
             android:id="@+id/user_name"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="@{user.name}"/>

        <TextView
            android:layout_marginTop="10dp"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="@{String.valueOf(user.age)}"/>
    </LinearLayout>
</layout>

其中User 为普通的javabean类

    private String  name;
    private int     age;
    private Context activity;

    public User(Context activity, String name, int age) {
        this.activity = activity;
        this.name = name;
        this.age = age;
    }

    @Bindable
    public String getName() {
        return name;
    }

    public void setName(String name) {
        this.name = name;
        notifyPropertyChanged(BR.name);
    }

    @Bindable
    public int getAge() {
        return age;
    }

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

    public void onItemClick(View view) {
        Toast.makeText(view.getContext(), "点击事件", Toast.LENGTH_SHORT).show();
        activity.startActivity(new Intent(activity, EditInfoActivity.class).addFlags(Intent.FLAG_ACTIVITY_NEW_TASK));
    }

高级功能

在布局的@{}还可以进行简单的计算,例如:

1.基本的三目运算

<TextView
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text="@{user.name.equals('zhangsan')?'lisi':user.name}"/>

表示如果name属性为"zhangsan"则显示lisi,否则显示name属性。

2.字符串拼接

<TextView  
    android:layout_width="wrap_content"  
    android:layout_height="wrap_content"  
    android:text="@{`username is :`+user.name}"/>  

大家注意,这里的字符拼接不是用单引号哦,用的是ESC按键下面那个按键按出来的。目前DataBinding中的字符拼接还不支持中文。

3.根据数据来决定显示样式

<TextView  
    android:layout_width="wrap_content"  
    android:layout_height="wrap_content"  
    android:background="@{user.age < 30 ? 0xFF0000FF:0xFFFF0000}"  
    android:text="@{String.valueOf(user.age)}"/> 

给TextView设置背景的时候,做了一个简单的判断,如果用户的年龄小于30,背景就显示为蓝色,否则背景就显示为红色,DataBinding里支持小于号但是不支持大于号,索性,大于小于号都要用转义字符来表示。

另外,DataBinding对于基本的四则运算、逻辑与、逻辑或、取反位移等都是支持的,这里不再举例。

4.方法调用

实体类里的方法调用,例如:
onClick()为User里面定义一个方法

 public void onClick(View view) {
        Toast.makeText(view.getContext(), "点击事件", Toast.LENGTH_SHORT).show();     
    }

布局文件中的调用

 <TextView
      android:layout_width="wrap_content"
      android:layout_height="wrap_content"
      android:text="@{String.valueOf(user.age)}"
      android:onClick="@{user.onClick}"/>

注意:对应的方法名和监听器对象必须对应, 如果该方法不存在,则在编译的时候就不会通过了。

5.在表达式中使用静态方法

在Utils中定义一个静态方法

 public static String test(String s){
        Log.d(TAG,"测试调用静态方法");
        return s.toLowerCase();
    }

布局文件中调用,先import,再调用。

<layout xmlns:android="http://schemas.android.com/apk/res/android">
    <data>
        <variable
            name="user"
            type="com.kingdee.test.modle.bean.User"/>
        <import type="com.kingdee.test.utils.Utils"/>
    </data>
    ....
    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="@{Utils.test(user.name)}"/>
</layout>

DataBinding用到的表达式语言

数学计算 + - / * %
字符串连接 +
逻辑 && ||
二进制 & | ^
一元 + - ! ~
位移 >> >>> <<
比较 == > < >= <=
instanceof
组 ()
字面量 - 字符,字符串,数字, null
类型转换
函数调用
字段存取
数组存取 []
三元运算符 ?:

附:常用的转义字符

1492673317(1).jpg

绑定数据

layout文件写好后,系统会给你生成一个以xml文件名为前缀的文件。比如activity_main.xml,则会在build文件夹下生成ActivityMainBinding.java的文件,然后通过DataBindingUtil来将layout和Activity绑定。

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

1、将layout和Activity绑定
2、创建一个实体
3、将实体和布局关联起来

优化绑定,抽取基类

public abstract class BaseActivity<VB extends ViewDataBinding> extends AppCompatActivity {
    public VB mBinding;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        mBinding = DataBindingUtil.setContentView(this,getLayoutId());
        initView();
    }

    /**
     * 传入布局id
     * @return
     */
    @LayoutRes
    protected abstract int getLayoutId();

    /**
     * 初始化视图
     */
    protected abstract void initView();
}

然后,我们的activity去继承实现getLayoutId()方法。

public class HomeMainActivity extends BaseActivity<ActMainBinding>  {
    @Override
    protected int getLayoutId() {
        //布局layoutid
        return R.layout.act_main;
    }
    protected void initView() {
       //可直接通过mBinding.id 操作view控件 e.g
       mBinding.userName.setText("DataBinding text");
      ...
    }
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 215,723评论 6 498
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 92,003评论 3 391
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 161,512评论 0 351
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 57,825评论 1 290
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 66,874评论 6 388
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 50,841评论 1 295
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 39,812评论 3 416
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 38,582评论 0 271
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 45,033评论 1 308
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 37,309评论 2 331
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 39,450评论 1 345
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 35,158评论 5 341
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 40,789评论 3 325
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 31,409评论 0 21
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,609评论 1 268
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 47,440评论 2 368
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 44,357评论 2 352

推荐阅读更多精彩内容