Android開發教程 - 使用Data Binding（七）使用BindingAdapter簡化圖片載入

羅伊德發表於2018-10-15
AndroidAPT

本系列目錄

什麼是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相關部落格：我的部落格地址

相關文章