android RecyclerView嵌套RecyclerView点击事件

2019-05-28 17:03:33

其实这个和我的解决思路是一样的,holder,adapter只提供postion,其实他和很多人是复用的,所以只要你不更新,复用后,list可能就是别人的。下面作者是记录了父position和子position这样能找到正确的元素。因为每次刷新是刷新的onBindViewHolder,所以展示元素是对的,然后点击的时候发现不对,因为点击用的事listen,然而这个listen初始化的时候就给搞上了,所以复用的时候,你可能复用的别人曾经用过的holder,这样数据就错乱了。

记录position是下面作者的思路,而我的思路是每次再重新绑定listen,这样就不会错了。其次是把click监听在页面内元素,当然可以固定他们的顶级父元素为parent,就一直用parent来代替itemview。


关于混乱我推崇我的方法。不用考虑那么多,虽然每次都充值listen,只要把listen写到最后就没问题。

我更推崇我方法的后者,监听item的父元素,这样简单,更不用想太多。

下方参考文章  RecyclerView嵌套RecyclerView点击事件混乱

RecyclerView嵌套RecyclerView点击事件遇到取值错乱的问题
其实问题根本就是咱们没有处理好被嵌套的那层recycleview的position
那么解决思路也很简单,想办法把被嵌套的那层recycleview的position传出来即可

上一个简单的效果图:


video2gif_20190304_215107.gif

首先
build.gradle文件添加依赖

dependencies {
    api fileTree(dir: 'libs', include: ['*.jar'])
    testImplementation 'junit:junit:4.12'
    androidTestImplementation 'com.android.support.test:runner:1.0.2'
    androidTestImplementation 'com.android.support.test.espresso:espresso-core:3.0.2'

    api 'com.android.support.constraint:constraint-layout:1.1.3'
    api 'com.android.support:appcompat-v7:28.0.0'

    //一个是recycleview依赖用的,一个是butterknife大家应该很熟了
    api 'com.android.support:design:28.0.0'
    api 'com.jakewharton:butterknife:8.5.1'}

MainActivity布局很简单:
一个RecycleView即可

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:layout_marginLeft="15dp"
    android:layout_marginRight="15dp"
    android:orientation="vertical">        <android.support.v7.widget.RecyclerView
            android:id="@+id/center_reclycleview"
            android:layout_width="match_parent"
            android:layout_height="match_parent"/></LinearLayout>

然后是外层的item布局:

<?xml version="1.0" encoding="utf-8"?><LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:descendantFocusability="blocksDescendants"
    android:orientation="vertical">

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:focusable="false"
        android:layout_marginTop="5dp"
        android:orientation="vertical">

        <TextView
            android:id="@+id/tv_title"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_gravity="center"
            android:focusable="false"
            android:gravity="center"
            android:text="xxxx"
            android:textColor="@color/GoldenColor"
            android:layout_margin="3dp"
            android:textSize="14dp" />

        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_gravity="center"
            android:gravity="center"
            android:orientation="vertical">

            <android.support.v7.widget.RecyclerView
                android:id="@+id/rv_item"
                android:layout_width="match_parent"
                android:layout_height="match_parent"
                android:layout_marginBottom="20dp"/>
        </LinearLayout>
    </LinearLayout></LinearLayout>

第二层:

<?xml version="1.0" encoding="utf-8"?><LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:descendantFocusability="blocksDescendants"
    android:orientation="vertical">

    <LinearLayout
        android:id="@+id/lay_option"
        android:layout_width="match_parent"
        android:layout_height="35dp"
        android:layout_gravity="center"
        android:gravity="center"
        android:background="@drawable/background_grid_select"
        android:orientation="horizontal">

        <TextView
            android:id="@+id/tv_option"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_gravity="center"
            android:layout_weight="1"
            android:gravity="center"
            android:text="xxxx"
            android:textColor="@color/black"
            android:textSize="13dp" />
    </LinearLayout></LinearLayout>

最主要的来了,外层Adapter:
外层的适配器的话没什么特别的  就是要在里面初始化内层Adapter

public class RvAdapter extends RecyclerView.Adapter<RvAdapter.ViewHolder> {    //新增itemType
    public static final int ITEM_TYPE = 100;    private Context mContext;    private List<Bean.DatasBean> mList;    public RvAdapter(Context context, List<Bean.DatasBean> list) {
        mContext = context;
        mList = list;
    }    //重写改方法,设置ItemViewType
    @Override
    public int getItemViewType(int position) {        //返回值与使用时设置的值需保持一致
        return ITEM_TYPE;
    }    @NonNull
    @Override
    public ViewHolder onCreateViewHolder(@NonNull ViewGroup parent, int viewType) {
        View view = LayoutInflater.from(parent.getContext()).inflate(R.layout.item_detaillist, parent, false);        return new ViewHolder(view);
    }    @Override
    public void onBindViewHolder(@NonNull ViewHolder holder, int position) {
        holder.tv_title.setText(mList.get(position).getTitle());        /*
         1.把内部RecyclerView的adapter和集合数据通过holder缓存
         2.使内部RecyclerView的adapter提供设置position的方法
         */
        holder.list.clear();
        holder.list.addAll(mList.get(position).getOptions());        if (holder.mRvAdapter == null) {            //初始化内层adapter时,把对应的position传过去
            holder.mRvAdapter = new RvvAdapter(mContext, holder.list, position);
            GridLayoutManager layoutManage = new GridLayoutManager(mContext, 2);
            holder.rvItemItem.setLayoutManager(layoutManage);
            holder.rvItemItem.addItemDecoration(new GridSpacingItemDecoration(2, 20, false));
            holder.rvItemItem.setAdapter(holder.mRvAdapter);
        } else {
            holder.mRvAdapter.setPosition(position);
            holder.mRvAdapter.notifyDataSetChanged();
        }
    }    @Override
    public int getItemCount() {        return mList == null ? 0 : mList.size();
    }    static class ViewHolder extends RecyclerView.ViewHolder {        @BindView(R.id.tv_title)
        TextView tv_title;        @BindView(R.id.rv_item)
        RecyclerView rvItemItem;        private RvvAdapter mRvAdapter;        private List<Bean.DatasBean.Option> list = new ArrayList<>();

        ViewHolder(View view) {            super(view);
            ButterKnife.bind(this, view);
        }
    }
}

GridSpacingItemDecoration的话是一个 一个动态设置item个数,间距的工具类

/**
 * 重写RecyclerView.ItemDecoration方法
 * 一个动态设置item个数,间距的工具类
 */public class GridSpacingItemDecoration extends RecyclerView.ItemDecoration {    private int spanCount;           //列数
    private int spacing;             //间隔
    private boolean includeEdge;     //是否包含边缘

    public GridSpacingItemDecoration(int spanCount, int spacing, boolean includeEdge) {        this.spanCount = spanCount;        this.spacing = spacing;        this.includeEdge = includeEdge;
    }    @Override
    public void getItemOffsets(Rect outRect, View view, RecyclerView parent, RecyclerView.State state) {        //这里是关键,需要根据你有几列来判断
        int position = parent.getChildAdapterPosition(view); // item position
        int column = position % spanCount; // item column

        if (includeEdge) {
            outRect.left = spacing - column * spacing / spanCount; // spacing - column * ((1f / spanCount) * spacing)
            outRect.right = (column + 1) * spacing / spanCount; // (column + 1) * ((1f / spanCount) * spacing)

            if (position < spanCount) { // top edge
                outRect.top = spacing;
            }
            outRect.bottom = spacing; // item bottom
        } else {
            outRect.left = column * spacing / spanCount; // column * ((1f / spanCount) * spacing)
            outRect.right = spacing - (column + 1) * spacing / spanCount; // spacing - (column + 1) * ((1f /    spanCount) * spacing)
            if (position >= spanCount) {
                outRect.top = spacing; // item top
            }
        }
    }
}

主要就是内层的Adapter:
这里的话调用了一个MainActivity的公告方法,把对应的tag传出去

public class RvvAdapter extends RecyclerView.Adapter<RvvAdapter.ViewHolder> {    private Context mContext;    private List<Bean.DatasBean.Option> mList;    private int mPosition;    public RvvAdapter(Context context, List<Bean.DatasBean.Option> list, int position) {
        mContext = context;
        mList = list;
        mPosition = position;
    }    /**
     * 新增方法
     *
     * @param position 位置
     */
    public void setPosition(int position) {        this.mPosition = position;
    }    @NonNull
    @Override
    public ViewHolder onCreateViewHolder(@NonNull ViewGroup parent, int viewType) {
        View view = LayoutInflater.from(parent.getContext()).inflate(R.layout.item_detail_option, parent, false);        return new ViewHolder(view);
    }    @Override
    public void onBindViewHolder(@NonNull ViewHolder holder, int position) {
        holder.lay_option.setTag(position);

        holder.tvOption.setText(mList.get(position).getDatas());        if (mList.get(position).isSelect()) {
            holder.lay_option.setBackgroundResource(R.drawable.background_grid_unselect);
        } else {
            holder.lay_option.setBackgroundResource(R.drawable.background_grid_select);
        }

    }    @Override
    public int getItemCount() {        return mList == null ? 0 : mList.size();
    }    class ViewHolder extends RecyclerView.ViewHolder {        @BindView(R.id.lay_option)
        LinearLayout lay_option;        @BindView(R.id.tv_option)
        TextView tvOption;

        ViewHolder(View view) {            super(view);
            ButterKnife.bind(this, view);            //这里设置一个tag,作为被嵌套的recycleview item点击事件的 position
            lay_option.setOnClickListener(new View.OnClickListener() {                @Override
                public void onClick(View v) {
                    mList.get((int) v.getTag()).setSelect(true);
                    ((MainActivity) mContext).OnClickListener(mPosition, (int) v.getTag());
                }
            });


        }
    }
}

最后就是在MainActivity初始化一些数据,调用即可:

public class MainActivity extends AppCompatActivity {    @BindView(R.id.center_reclycleview)
    RecyclerView c_RecyclerView;    private RvAdapter mRvAdapter;    private Bean mBean;    @Override
    protected void onCreate(Bundle savedInstanceState) {        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        ButterKnife.bind(this);

        initdata();
    }    //模拟数据
    private void initdata() {
        LinearLayoutManager layoutManager = new LinearLayoutManager(this);
        layoutManager.setOrientation(LinearLayoutManager.VERTICAL);
        c_RecyclerView.setLayoutManager(layoutManager);
        c_RecyclerView.setFocusableInTouchMode(false);

        mBean = new Bean();
        List<Bean.DatasBean> datas = new ArrayList<>();        //模拟一些数据
        for (int i = 0; i < 20; i++) {
            Bean.DatasBean datasBean = new Bean.DatasBean();
            List<Bean.DatasBean.Option> option = new ArrayList<>();

            Bean.DatasBean.Option optionBean = new Bean.DatasBean.Option();
            optionBean.setDatas("这是选项" + i);
            option.add(optionBean);

            Bean.DatasBean.Option optionBean1 = new Bean.DatasBean.Option();
            optionBean1.setDatas("这是选项" + (i + 1));
            option.add(optionBean1);

            Bean.DatasBean.Option optionBean2 = new Bean.DatasBean.Option();
            optionBean2.setDatas("这是选项" + (i + 2));
            option.add(optionBean2);

            datasBean.setOptions(option);
            datasBean.setTitle("这是标题哦1");
            datas.add(datasBean);
        }

        mBean.setDatas(datas);

        mRvAdapter = new RvAdapter(this, mBean.getDatas());
        c_RecyclerView.setAdapter(mRvAdapter);
        mRvAdapter.notifyDataSetChanged();
    }    /**
     * 设置一个public方法,供adapter点击事件调用
     *
     * @param position 为第一层recycleview位置
     * @param tag      为第二层recycleview位置
     */
    public void OnClickListener(int position, int tag) {        final List<Bean.DatasBean> datasBeans = mBean.getDatas();        for (int i = 0; i < datasBeans.size(); i++) {            if (i == position) {
                List<Bean.DatasBean.Option> option = datasBeans.get(i).getOptions();                for (int j = 0; j < option.size(); j++) {                    if (j == tag) {
                        option.get(j).setSelect(true);
                    } else {
                        option.get(j).setSelect(false);
                    }
                }
                Toast.makeText(MainActivity.this,
                        datasBeans.get(position).getTitle() + "-" + option.get(tag).getDatas(),
                        Toast.LENGTH_SHORT).show();

            } else {                //这里让之前选中的效果还原成未选中
                List<Bean.DatasBean.Option> option = datasBeans.get(i).getOptions();                for (int j = 0; j < option.size(); j++) {
                    option.get(j).setSelect(false);
                }
            }
        }
        mRvAdapter.notifyDataSetChanged();
    }


}

基本代码都在了
github代码:(https://github.com/a824676719/RecycleNestDemo)




  • 2019-10-08 13:14:44

    MySQL 批量修改表名

    功能:将数据库 booksystem 中的表名前缀是 sys_ 开头的表名替换 sys_ 为 qun_

  • 2019-10-08 13:26:19

    详解Linux服务器最大tcp连接数

    1全部作为client端的情况下,最大tcp连接数为65535,这些连接可以连到不同的server ip。 2对server端,通过增加内存、修改最大文件描述符个数等参数,单机最大并发TCP连接数超过10万 是没问题的,国外 Urban Airship 公司在产品环境中已做到 50 万并发 。

  • 2019-10-08 14:09:57

    git创建分支并提交到远程分支

    远程分支的创建,一般都是基于本地分支的。即将本地的某个分支提交到远程,作为远程分支。命令如下:

  • 2019-10-09 13:38:20

    NPM依赖包版本号~和^和*的区别

    ~ 会匹配最近的小版本依赖包,比如~1.2.3会匹配所有1.2.x版本,但是不包括1.3.0 ^ 会匹配最新的大版本依赖包,比如^1.2.3会匹配所有1.x.x的包,包括1.3.0,但是不包括2.0.0 * 这意味着安装最新版本的依赖包