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可以大大簡化一些重復代碼，本文主要介紹了加載圖片上的使用，你可以舉一反三，用在更多的場景中使用，比如加載列表的數據等，這樣做以后也可以使您的代碼更加清晰高效。