Android开发教程 - 使用Data Binding(七)使用BindingAdapter简化图片加载

本系列目录

  • 使用Data Binding(一)介绍
  • 使用Data Binding(二)集成与配置
  • 使用Data Binding(三)在Activity中的使用
  • 使用Data Binding(四)在Fragment中的使用
  • 使用Data Binding(五)数据绑定
  • 使用Data Binding(六)RecyclerView Adapter中的使用
  • 使用Data Binding(七)使用BindingAdapter简化图片加载
  • 使用Data Binding(八)使用自定义Interface
  • 使用Data Binding Android Studio不能正常生成相关类/方法的解决办法

什么是BindingAdapter

BindingAdapter用来设置布局中View的自定义属性,当使用该属性时,可以自定义其行为。

下面是一个简单的例子:

@BindingAdapter("android:bufferType")
public static void setBufferType(TextView view, TextView.BufferType bufferType) {
    view.setText(view.getText(), bufferType);
}

当一个方法加上@BindingAdapter注解后,就定义了一个BindingAdapter,注意方法的第一个参数是需要绑定到的View,第二个参数是绑定的属性值。

当定义完成后,此时我们就可以在布局的View中使用该属性,举例如下:

<TextView
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:bufferType="normal"
    />

当TextView中加入了android:bufferType=”normal”后,setBufferType()方法就会被调用。

当自定义其它一些属性时,也遵循一样的规则。

自定义图片加载的BindingAdapter

由于BindingAdapter的特性,我们就可以为ImageView自定义一个BindingAdapter,从而大幅简化图片加载的过程。

第一步,我们先新建一个ImageBindingAdapter的类,图片相关的BindingAdapter可以都定义在这个类里面:

public class ImageBindingAdapter {

    @BindingAdapter("imageUrl")
    public static void bindImageUrl(ImageView view, String imageUrl){
        RequestOptions options =
                new RequestOptions()
                .centerCrop()
                .dontAnimate();

        Glide.with(view)
                .load(imageUrl)
                .apply(options)
                .into(view);
    }

}

定义好后,我们就可以直接在布局中使用这个属性了:

<ImageView
    android:layout_width="180dp"
    android:layout_height="180dp"
    app:imageUrl="@{user.photo}"
    />

仅仅简单的一行代码,就可以进行网络图片的加载了,是不是感觉这个世界简单了很多?

除了这种单个参数的BindingAdapter,它也支持多个参数,这也是BindingAdapter强大的地方。

总结

使用BindingAdapter可以大大简化一些重复代码,本文主要介绍了加载图片上的使用,你可以举一反三,用在更多的场景中使用,比如加载列表的数据等,这样做以后也可以使您的代码更加清晰高效。

你可能感兴趣的:(Android开发)