08 DataBinding组件架构应用

时间:2021-7-9 作者:qvyue
前言

在DataBinding出现之前,我们始终无法找到一个完美的解决方案,我们需要先监听数据的变化, 然后再将变化后的数据同步更新到UI上,这样的步骤我们一直在重复,这样的重复性代码我们写了一次又一次。而DataBinding就是为了解决这个问题而存在的,我们只需要将数据绑定到UI元素上,更新数据时UI就会跟着改变,反之亦然,大大节省了我们的代码。

提纲
  • 什么是DataBinding;
  • DataBinding的优势;
  • 如何引入DataBinding;
  • DataBinding如何使用;
  • DataBinding如何扩展View属性;
  • DataBinding使用的一些建议;
  • ViewBinding又是什么?它俩有什么关系?
什么是DataBinding?

简单来说,DataBinding可以理解为只是一种工具,它解决的是View和数据之间的双向绑定问题。

DataBinding的优势

双向数据绑定
数据发生改变后,DataBinding会自动通知UI刷新页面,不再需要人工绑定最新数据到View上。UI改变后也能同步给数据。

减少模板代码
有了DataBinding,从此不用再写findViewById,setOnClickListener等枯燥生硬的代码,大大提高工作效率。从此ButterKnife靠边站。

释放Activity/Fragment
以前,我们在Activity,Fragment或Presenter中计算数据再绑定到View组件上,导致View层很臃肿,现在这部分工作我们可以直接在xml布局文件中完成。Activity,Fragment让它更加只关注核心业务。

数据绑定空安全
在xml中绑定数据它是空安全的,因为DataBinding在数据绑定上回自动装箱和空判断,所以大大减少了数据绑定带来的空指针问题。

如何引入DataBinding?

只需要在使用DataBinding模块的build.gradle文件中添加下面的配置。

// 每个使用dataBinding的模块都应该在build.gradle中添加如下配置
 android {
  ...
  dataBinding {
      enabled = true
  }
}
DataBinding如何使用?

在布局文件中,选中根布局的标签,按住Alt+回车键,点击 Convert to data binding layout,即可转换成DataBinding布局(见下方代码段)、

转换后的布局,最外层变成了layout标签,里面包裹了data标签和常规的布局元素。data元素用来声明在此布局用使用到的变量和变量的类型,以及类引用。

那么是不是所有属性都能用DataBinding来绑定呢?
当然不是!如果一个属性xxx,在该类中有setXxx方法,我们才能使用DataBinding来绑定。例如android:layout_width, android_layout_height就不能使用DataBinding来绑定数据。而android:paddingLeft, android:textSize都是可以的。


        //这里可以使用variable定义多个变量,该变量需要通过外界赋值
        
        //通过import导入需要用到的类
        

绑定传递数据源
给DataBinding中的User对象赋值

override fun onCreate(savedInstanceState: Bundle?) {
    super.onCreate(savedInstanceState)
    //此时可以通过DataBindingUtil来设置Activity的页面布局。此时会返回一个ActivityMainBinding对象。这个是编译时根据xml布局文件中的数据绑定自动生成的实现类。
    ActivityMainBinding  binding = DataBindingUtil.setContentView(this, R.layout.activity_main)
    binding.lifecycleOwner = this
    binding.user = User('张三') //完成数据绑定
    
    //如果是在列表中使用,则可以如下编写 。ActivityMainBinding是根据activity_main布局文件自动生成的
    val binding = ActivityMainBinding.inflate(layoutInflater, null, false)
    binding.user = User('张三') 
}

如何实现数据变化的视图自动更新呢?
想要实现数据变化的视图自动更新我们只需要让实体类User集成BaseObservable。当User中字段发生变更,只需要调用user.notifyPropertyChanged就可以让UI刷新。

public class User extends BaseObservable  {
    public String name;
    //当使用name字段发生变更后,若想UI自动刷新,我们需要给它写个get方法并且标记Bindable注解。
   
    @Bindable                   
    public String getName() {
        return name;
    }
    public void setName(String name) {
        this.name = name;
         //最后调用notifyPropertyChanged方法即可
         //该字段变更了,通知UI刷新数据
        notifyPropertyChanged(org.devio.as.main.BR.user);
    }
    
    //除此之外也可以使用ObserverableBoolean...observerableInt来监听数据的变化
    ObserverableBoolean success = new   ObserverableBoolean();
}

DataBinding也支持在布局文件中使用数组、List、Set和Map,且在布局文件中都可以通过List[index]的形式来获取元素。因为xml的特性,在声明List之类的数据类型时,需要使用尖括号的转义字符,来看下面的代码:

            //List 其中俩字符需要转义
             //Map             //Set     //SparseArray

DataBinding在xml中数据绑定支持的语法表达式也是非常丰富的,支付在布局文件中使用一下运算符、表达式和关键字:

  • 算术运算符:+ – * / %;
  • 字符串连接运算符:+;
  • 逻辑运算符:&& ||;
  • 二元运算符:& | ^;
  • 一元运算符: + – ! ~;
  • 位移运算符: >> >>>
  • 比较运算符: == > =
  • 判断是否是类的实例:instanceof;
  • 分组运算符:();
  • 字面量运算符 – 字符,字符串、数据、null;
  • 类型转换、方法调用;
  • 字段访问;
  • 数组访问: [];
  • 三元运算符:?:;
  • 不支持以下操作:this super new 显示泛型调用。
DataBinding如何扩展View属性

我们知道,以前想要给ImageView增加几个属性,必须要写个自定义的ImageView在构造函数中一顿解析。那看看使用DataBinding如何扩展View属性。

   public class HiImageView extends ImageView{

   //需要使用BindingAdapter注解并标记在public static方法上。
    //value中的字段随意添加和方法参数一一对应即可。
   @BindingAdapter(value = {"image_url", "isCircle"})
    public static void setImageUrl(PPImageView view, String imageUrl, boolean isCircle) {
        view.setImageUrl(view, imageUrl, isCircle, 0);
    }
    //requireAll = false代表是否以下三个属性在xml中同时使用才会调用到该方法
    //为false的话,只要有一个属性被使用就能调用到该方法
    @BindingAdapter(value = {"image_url", "isCircle", "radius"}, requireAll = false)
    public static void setImageUrl(PPImageView view, String imageUrl, boolean isCircle, int radius) {
       ......
      }
   }

//在布局文件中如下使用,便能实现图片圆角和资源Url绑定的功能
 
DataBinding使用的建议
  • 如fragment_layout_my.xml布局,在编译时会生成FragmentLayoutMyImpl.java实现类,我们可以搜索这种类debug跟进解决问题。

  • 不建议在列表中卵用,因为DataBinding数据绑定是延迟一帧的,如果列表中的ItemView的宽高需要计算后才能正确展示,不建议使用DataBinding操作。否则会看到列表ItemView明显的撑开动画,体验不好。
    此处可以使用dataBinding.executePendingBindings()快速渲染布局解决

  • 实体类配合BaseObservable可以友好的解决数据双向绑定的问题。

ViewBinding又是什么?

Android Studio更新到3.6之后,多了一个ViewBinding的功能,看到这个名字就感觉和DataBinding很相似,那么它们有什么区别呢?

  • DataBinding可以将View和界面上的数据进行双向绑定,ViewBinding不行,也就是不能再xml中绑定数据,若要使用则需要在Gradle中开启如下配置:
 viewBinding {
    enabled = true
}
  • 如果你想要实现双向数据绑定,那么可以选择DataBinding;
  • ViewBinding主要是帮我们省却了findViewById的过程,但是它在编译阶段比DataBinding耗时更短;
  • 如果你已经使用了Kotlin,那其实ViewBinding就没必要使用了。
总结

在使用DataBinding的时候,很多同学会误以为不方便调试,但是那是在5年前了,现在DataBinding跟Room一样,在编译阶段也会有丰富的错误提示,在运行阶段,我们可以根据布局文件找到实现类,跟进去断点排查问题。

DataBinding经常出现在MVVM开发模式中,用以减轻Activity/Fragment的压力,可它并不是MVVM必须的一环。

声明:本文内容由互联网用户自发贡献自行上传,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任。如果您发现有涉嫌版权的内容,欢迎发送邮件至:qvyue@qq.com 进行举报,并提供相关证据,工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。