1. 程式人生 > >DataBinding繫結RecycleryView與ListView

DataBinding繫結RecycleryView與ListView

上一篇文章講解了databinding 的基礎用法,那麼這一篇我們來說說 databinding 的資料重新整理,以及與 RecycleryView 和ListView 的使用。

1.  我們先來說說資料重新整理是怎麼實現的。

public class Bean extends BaseObservable {
    private String title;

    @Bindable
    public String getTitle() {
        return title;
    }

    public void setTitle(String title) {
        this.title = title;
        notifyPropertyChanged(BR.title);
    }
}

我們常用的資料Bean類,直接繼承BaseObservable,在你的獲取屬性的方法getXX()上添加註解@Bindable,在設定屬性值的方法setXX()方法裡新增 notifyPropertyChanged(BR.xx);

新增@Bindable註解,這樣會在編譯時在BR中生成一個標識,這樣能夠鑑定這個屬性是否被修改過。BR是編譯時生成的類,在這個類中標識了所有你在DataBinding 中定義的類和屬性。

notifyPropertyChanged(BR.title); 是重新整理的方法,當你設定title後它就自動把你設定的title重新整理到UI裡。

如果只有部分變數,那麼你還可以使用ObservableField 或者 ObservableBoolean, ObservableByte,ObservableChar, ObservableShort,ObservableInt,ObservableLong,ObservableFloat,ObservableDouble,ObservableArrayMap, ObservableArrayList ,ObservableParcelable 。

ObservableFields是具有單個欄位的observable物件,與基本資料型別用法一致。

public class Bean2 {
    public ObservableField<String> name = new ObservableField<>();
    public ObservableInt age = new ObservableInt();

}

ObservableArrayList 的用法:

ObservableArrayList<Object> list = new ObservableArrayList<>();
list.add("李四");
list.add(24);
binding.setList(list);

ObservableArrayMap的用法:

ObservableArrayMap<String, Object> map = new ObservableArrayMap<>();
map.put("name", "王五");
map.put("age", "25");
binding.setMap(map);

 

2.  接著我們來說說RecycleryView和ListView的繫結。

<?xml version="1.0" encoding="utf-8"?>
<layout
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto">

    <data>

        <variable
            name="data"
            type="java.util.List&lt;String>"/>
    </data>

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:orientation="vertical">

        <android.support.v7.widget.RecyclerView
            android:layout_width="match_parent"
            android:layout_height="0dp"
            android:layout_weight="1"
            app:bindData="@{data}"/>

        <TextView
            android:id="@+id/btn"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:gravity="center"
            android:onClick="doNext"
            android:padding="10dp"
            android:text="do next"/>
    </LinearLayout>
</layout>

我們這裡給RecycleryView定義一個屬性bindData,將資料data傳給它。

public class SecondAvtivity extends AppCompatActivity {

    @Override
    protected void onCreate(@Nullable Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        getSupportActionBar().setTitle("SecondAvtivity");

        ActivitySecondBinding binding = DataBindingUtil.setContentView(this, R.layout.activity_second);

        final List<String> list = new ArrayList<>();
        for (int i = 0; i < 15; i++) {
            list.add("item" + i);
        }

        binding.setData(list);
    }

    public void doNext(View view) {
        startActivity(new Intent(this, ThirdActivity.class));
    }
}

看看activity,我們給佈局裡繫結並將data集合傳進去。

 

public class BindingAdapter extends RecyclerView.Adapter<MyViewHolder> {
    private Context context;
    private List<String> data;

    public BindingAdapter(Context context, List<String> data) {
        this.context = context;
        this.data = data;
    }

    @Override
    public MyViewHolder onCreateViewHolder(ViewGroup parent, int viewType) {
        ItemLayoutBinding binding = DataBindingUtil.inflate(LayoutInflater.from(context), 
                R.layout.item_layout, parent, false);
        return new MyViewHolder(binding);
    }

    @Override
    public void onBindViewHolder(MyViewHolder holder, int position) {
        holder.getBinding().setItemName(data.get(position));
    }

    @Override
    public int getItemCount() {
        return data == null ? 0 : data.size();
    }
}

接著是Adapter了,在 onCreateViewHolder 方法裡將item佈局與holder進行繫結;然後再 onBindViewHolder 方法裡給item佈局設定資料。

 

那麼我們看到activity裡也沒有給RecycleryView設定Adapter,那這個Adapter是在哪裡設定的呢?好,那麼我們現在來看看一個工具類:Utility 。

public class Utility {

    @android.databinding.BindingAdapter("bind:bindData")
    public static void setAdapterAndData(RecyclerView recyclerView, List<String> data) {
        recyclerView.setLayoutManager(new LinearLayoutManager(recyclerView.getContext()));
        recyclerView.setAdapter(new BindingAdapter(recyclerView.getContext(), data));
    }
}

這個工具類裡面有一個靜態方法 setAdapterAndData ,它就是把RecycleryView 與 data 進行關聯的方法,還記得我們 RecycleryView 的佈局裡給 RecycleryView 宣告的屬性 App:bindData 嗎?

<android.support.v7.widget.RecyclerView
    android:layout_width="match_parent"
    android:layout_height="0dp"
    android:layout_weight="1"
    app:bindData="@{data}"/>

 沒錯,這就是我們給 RecycleryView 設定bindData 的方法,看到上面的註解了嗎?裡面的 “bind:bindData”就是與 bindData 屬性繫結的方法。

這個方法是說,當佈局裡的 RecycleryView 設定 bindData 時,就會走這個方法,並把 RecycleryView 本身的物件 和 data 傳遞過來。

 

也就是說,如果方法註解上是 @BindingAdapter({"bind:bindData ", "bind:url"})。

假設url是String型別,那麼對應的方法引數應該為:

@android.databinding.BindingAdapter({"bind:bindData", "bind:url"})
public static void setAdapterAndData(RecyclerView recyclerView, List<String> data, String url) {
    recyclerView.setLayoutManager(new LinearLayoutManager(recyclerView.getContext()));
    recyclerView.setAdapter(new BindingAdapter(recyclerView.getContext(), data));
}

引數與設定的屬性是對應的,方法名可以是自定義,引數名也可以是自定義,但型別得一致,重要的是註解裡面的 bindData 和 url一定要與xml裡面的屬性名一致,不然就會找不到該引數而報錯,就算是兩邊多了個空格都不行。

RecycleryView 物件與 data 傳到方法裡面你就可以設定Adapter了。

 

ok,上面就是DataBinding中 RecycleryView 的使用方法了。 ListView 的繫結與 RecycleryView 的繫結方法一樣,只是adapter稍微的調整而已 。

demo已傳到github,可以結合著參考參考。

專案地址:https://github.com/weioule/RecycleryViewDataBinding