其实这个和我的解决思路是一样的,holder,adapter只提供postion,其实他和很多人是复用的,所以只要你不更新,复用后,list可能就是别人的。下面作者是记录了父position和子position这样能找到正确的元素。因为每次刷新是刷新的onBindViewHolder,所以展示元素是对的,然后点击的时候发现不对,因为点击用的事listen,然而这个listen初始化的时候就给搞上了,所以复用的时候,你可能复用的别人曾经用过的holder,这样数据就错乱了。
记录position是下面作者的思路,而我的思路是每次再重新绑定listen,这样就不会错了。其次是把click监听在页面内元素,当然可以固定他们的顶级父元素为parent,就一直用parent来代替itemview。
关于混乱我推崇我的方法。不用考虑那么多,虽然每次都充值listen,只要把listen写到最后就没问题。
我更推崇我方法的后者,监听item的父元素,这样简单,更不用想太多。
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)