Android DataBinding使用3-使用自动绑定的Recycleview

上面一篇描述了recycleview的使用，他的item绑定是通过在bindviewholder()里面使用itembinding来实现，但是还需要自己设置adapter并初始化adapter。

这篇将实现自动处理adapter

实现功能：recycleview存在两种不同的item，item里面又存在一个recycleview(GridView效果或者横向的recycleview)

 

注意：

页面的recycleview需要一个model，model里面的数据就是页面xml连recycleview需要的数据源和item的绑定关系；

而这个model里面还需要包含子recycleview需要的数据源和子item的绑定关系

1.导入第三方

//https://github.com/evant/binding-collection-adapter
    implementation 'me.tatarka.bindingcollectionadapter2:bindingcollectionadapter:4.0.0'
    implementation 'me.tatarka.bindingcollectionadapter2:bindingcollectionadapter-recyclerview:4.0.0'
    implementation 'me.tatarka.bindingcollectionadapter2:bindingcollectionadapter-viewpager2:4.0.0'

2.xml

<?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>
<!--这个是和原生的差异，原生是没有recycleview的绑定，下面的对象里面直接存储了数据源和item的bingding-->
        <variable
            name="recycle_viewmodel"
            type="com.example.testmvvm.use_github.GithubModel" />
    </data>

    <androidx.recyclerview.widget.RecyclerView
        app:layoutManager="androidx.recyclerview.widget.LinearLayoutManager"
        android:id="@+id/recycleview"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        app:adapter="@{recycle_viewmodel.gitHubRecyclerViewAdapter}"
        app:itemBinding="@{recycle_viewmodel.onItemBind}"
        app:items="@{recycle_viewmodel.items}" />
</layout>

3.recycleview的item的xml

item的xml如下；item1根据自己需求 原理相同

<?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>
<!--这是item自身的数据源-->
        <variable
            name="data"
            type="com.example.testmvvm.User" />
        <!--这是子recycleview需要的数据 数据源和item绑定-->
        <variable
            name="item_model"
            type="com.example.testmvvm.use_github.ItemRecycleviewModel" />
<!--点击事件-->
        <variable
            name="item_event"
            type="com.example.testmvvm.use_github.Github_OnclickListener" />
    </data>

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:onClick="@{()->item_event.onClick(data)}"
        android:orientation="vertical"
        android:padding="8dp">

        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text='@{@string/first+ data.name}'
            android:textColor="#000000"></TextView>

        <androidx.recyclerview.widget.RecyclerView
            android:id="@+id/recycleview"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            app:itemBinding="@{item_model.onItemBind}"
            app:items="@{item_model.items}" />
    </LinearLayout>
</layout>

子recycleview的item

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

    <data>
<!--子数据源-->
        <variable
            name="data_item"
            type="com.example.testmvvm.InnerBean" />
        <!--子事件-->
        <variable
            name="item_event_item"
            type="com.example.testmvvm.use_github.Github_OnclickListener" />
    </data>

    <RelativeLayout
        android:layout_width="wrap_content"
        android:layout_height="50dp"
        android:onClick="@{()->item_event_item.onClickItem(data_item)}"
        android:orientation="vertical"
        android:padding="8dp">

        <TextView
            android:gravity="center"
            android:background="@android:color/darker_gray"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:layout_centerInParent="true"
            android:text='@{data_item.innerName}'
            android:textColor="#000000"></TextView>
    </RelativeLayout>
</layout>

4.recycleview的model

//多item时候的显示
    public final OnItemBind<User> onItemBind = new OnItemBind<User>() {
        @Override
        public void onItemBind(ItemBinding itemBinding, int position, User item) {
            //这是设置子recycleview的绑定信息
            ItemRecycleviewModel itemRecycleviewModel = new ItemRecycleviewModel();
            itemRecycleviewModel.setItems(item.getInnerBeans());
            if (item.getViewType() == 0) {
                //这个是设置当type为0时 这个item显示的layout和需要的事件处理
                itemBinding.set(BR.data, R.layout.github_item).bindExtra(BR.item_event, github_onclickListener)
                        .bindExtra(BR.item_model, itemRecycleviewModel);
            } else {
                //这个是设置当type为1时 这个item显示的layout和需要的事件处理
                itemBinding.set(BR.data, R.layout.github_item1).bindExtra(BR.item_event, github_onclickListener)
                        .bindExtra(BR.item_model, itemRecycleviewModel);
                ;
            }

        }
    };

//数据源
    public ObservableList<User> items = new ObservableArrayList<>();
    //点击事件--必须直接实例化 不能通过外部set 因为绑定关系建立后不能更新
    public Github_OnclickListener github_onclickListener = new Github_OnclickListener() {
        @Override
        public void onClick(User user) {
            Log.e("点击的item", user.getName() + "");

            User user1 = new User();
            if (items.size() % 2 == 1) {
                user1.setViewType(1);
            }
            ObservableList<InnerBean> innerBeans = new ObservableArrayList<>();
            for (int j = 0; j < 4; j++) {
                InnerBean innerBean = new InnerBean("子view" + j);
                //如果上面是1 那里面的item也需要是1 建立对应关系
                if (items.size() % 2 == 1) {
                    innerBean.setViewType(1);
                }
                innerBeans.add(innerBean);
            }
            user1.setInnerBeans(innerBeans);
            user1.setName("item" + items.size());
            items.add(user1);

        }

        @Override
        public void onClickItem(InnerBean user) {

        }
    };
    //  如果是单item使用这个
    public final ItemBinding<User> itemBinding = ItemBinding.<User>of(BR.data, R.layout.github_item).bindExtra(BR.item_event, github_onclickListener);

子recycleview的model

 //多item时候的显示
    public final OnItemBind<InnerBean> onItemBind = new OnItemBind<InnerBean>() {
        @Override
        public void onItemBind(ItemBinding itemBinding, int position, InnerBean item) {
            if (item.getViewType() == 0) {
                itemBinding.set(BR.data_item, R.layout.github_item_item).bindExtra(BR.item_event_item, github_onclickListener);
            } else {
                itemBinding.set(BR.data_item, R.layout.github_item_item1).bindExtra(BR.item_event_item, github_onclickListener);
            }

        }
    };

    public ObservableList<InnerBean> items = new ObservableArrayList<>();
    public Github_OnclickListener github_onclickListener = new Github_OnclickListener() {
        @Override
        public void onClick(User user) {

        }

        @Override
        public void onClickItem(InnerBean user) {
            Log.e("点击了item里面的item", user.getInnerName() + "");
            for(int i=0;i<5;i++){
                InnerBean user1=new InnerBean("子view"+(items.size()));
                user1.setViewType(user.getViewType());
                items.add(user1);
            }
        }
    };

5.设置子recycleview的滚动方向和样式

这里就需要拿到主recycleview item里面的子recycleview实例，拿到实例才能设置manager

需要手动给主recycleview设置adapter；

方式如下

public class GitHubRecyclerViewAdapter<T> extends BindingRecyclerViewAdapter<T> {
    Context context;

    @Override
    public ViewDataBinding onCreateBinding(LayoutInflater inflater, @LayoutRes int layoutId, ViewGroup viewGroup) {
        ViewDataBinding binding = super.onCreateBinding(inflater, layoutId, viewGroup);
        Log.d("TAG", "created binding: " + binding);
        context = viewGroup.getContext();
        return binding;
    }

    @Override
    public void onBindBinding(ViewDataBinding binding, int bindingVariable, @LayoutRes int layoutId, int position, T item) {
        super.onBindBinding(binding, bindingVariable, layoutId, position, item);
        User user = (User) item;
        if (user.getViewType() == 0) {
            //里面有recycleview  横向的
            GithubItemBinding githubItemBinding = (GithubItemBinding) binding;
            GridLayoutManager gridLayoutManager = new GridLayoutManager(context, 4);
            githubItemBinding.recycleview.setLayoutManager(gridLayoutManager);
        }else {
            //横向的recycleview
            GithubItem1Binding githubItemBinding = (GithubItem1Binding) binding;
            LinearLayoutManager gridLayoutManager = new LinearLayoutManager(context);
            gridLayoutManager.setOrientation(RecyclerView.HORIZONTAL);
            githubItemBinding.recycleview.setLayoutManager(gridLayoutManager);
        }
        Log.d("TAG", "bound binding: " + binding + " at position: " + position);
    }
}

给主recycleview设置这个adapter

1.model里面加入这个adapter

public final GitHubRecyclerViewAdapter gitHubRecyclerViewAdapter = new GitHubRecyclerViewAdapter();

2.设置adapter

   <androidx.recyclerview.widget.RecyclerView
        app:layoutManager="androidx.recyclerview.widget.LinearLayoutManager"
        android:id="@+id/recycleview"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        app:adapter="@{recycle_viewmodel.gitHubRecyclerViewAdapter}"
        app:itemBinding="@{recycle_viewmodel.onItemBind}"
        app:items="@{recycle_viewmodel.items}" />