Android RecyclerView嵌套RecyclerView点击事件

已于 2022-03-01 16:32:57 修改
阅读量4.5k 收藏 18
点赞数
分类专栏： Android 文章标签： android android studio java
于 2022-03-01 16:30:10 首次发布
原文链接：https://www.jianshu.com/p/eab9d2019cda
版权

Android RecyclerView嵌套RecyclerView点击事件的实现.找了几个例这个例子思路清晰简单，在这里分享给大家.

上一个简单的效果图:其实就是一个简单的二维数组展示效果。
在这里插入图片描述
首先
build.gradle文件添加依赖

```java
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即可(我这里叫父级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布局:（父级RecycleView的item布局里面包含一个子级的RecycleView）

<?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>

第二层:（子级RecycleView的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: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:（父级适配器里面要加载子级RecyclerView控件和子级RecyclerView的适配器）

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:（子级RecyclerView的Adapter）
这里的话调用了一个MainActivity的公告方法,把对应的tag传出去。
（OnClickListener方法是重点需要先在调用的Activity里面定义好，它是个点击事件的调用方法）

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)

沅霖
关注
  • 0
    点赞
  • 踩
  • 18
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
recyclerview嵌套recyclerview点击事件（拦截子rv的点击事件）
qq_38373150的博客
05-26 3622
1.可以修改：列表中如果包含子列表，想要子列表保持和父列表的item点击事件一致 2.可以修改：子列表点击另外响应事件 1：代码： // holder.itemView.performClick() 是设置的和外部rv的点击事件一致 childRecyclerView.setOnTouchListener { view, motionEvent...
Recyclerview的嵌套使用(嵌套recyclerview)
11-29
Recyclerview的嵌套使用(嵌套recyclerview)，详细的代码解释说明，简单的Demo案例，让你快速上手
Android-016-RecyclerView嵌套RecyclerView点击事件实例
生于忧患，死于安乐
04-26 2232
Android-学习-016-RecyclerView嵌套RecyclerView点击事件实例-2020-4-26 代码来源，例子很好 https://www.jianshu.com/p/eab9d2019cda https://github.com/a824676719/RecycleNestDemo 如果懒的改，或者有问题不知道怎么改，我改后的 https://github.com/zh...
RecyclerView嵌套滑动解决方案
最新发布
大炮哥的博客
05-06 132
子Recyclerview用以上代码即可。那么滑动时只会滑动子Recyclerview，父Recyclerview将不动。自定义一个Recyclerview即可。
你应该看得懂的RecyclerView嵌套
chentyit的博客
02-10 4815
第一篇博客，也许会写得很粗糙，但我会尽量详细地讲述我将要讲的知识，如有不足之处，请大家留言，我尽力解答。大家好，我是Chentyit，一个被同学称为用生命在逗比的人，所以，我尽量用轻快的语言来描述接下来的知识点，最近学习安卓，踩了很多坑，很多次烦到不行，为了让更少的人继续踩坑，我希望能把我的经验分享给大家，好了，废话不多说了，开始吧。对了，本文中的部分代码用了郭神的《第一行代码：android》中...
RecyclerView嵌套RecyclerView布局实现
Mr_Leixiansheng的博客
05-20 2318
内容：一个垂直的RecyclerView嵌套一个横向的RecyclerView 代码如下： Main布局 这里只包含了一个RecyclerView布局 &lt;?xml version="1.0" encoding="utf-8"?&gt; &lt;LinearLayout xmlns:android="http://schemas.android.com/apk/res/andro...
RecyclerView嵌套RecyclerView的滑动问题如何解
ganduwei的博客
05-29 3130
一、概述 虽然今天我们要说的是Rv嵌套Rv的问题，但多数情况下我们都不会使用Rv嵌套Rv，去实现复杂的列表，而使用多个itemType实现，再难点的配合GridLayoutManager.SpanSizeLookup一起解决。 因为Rv嵌套Rv会有问题，如果嵌套的Rv高度没有设置明确的值，会一次创建所有的item，造成卡顿问题。类似我们在NestedScrollView里面嵌套Rv，Rv的高度写的是wrap_content/match_parent，一样的情况。 既然高度不确定，那我们给嵌套的Rv指定高度，
RecyclerView嵌套(含滑动冲突解决,在子控件中解决冲突)
蓝不蓝编程
08-26 4685
背景 有时需要在纵向滑动列表中嵌套横向滑动列表. 效果图: 解决方案 通过纵向RecyclerView嵌套横向RecyclerView. 大致实现方式: 主界面中包含一个纵向RecyclerView <androidx.recyclerview.widget.RecyclerView android:id="@+id/recyclerView" andr...
RecyclerView嵌套RecyclerView滑动卡顿的解决方法
08-26
RecyclerView嵌套RecyclerView滑动卡顿的解决方法 在 Android 开发中，使用 RecyclerView 嵌套 RecyclerView 是一种常见的设计模式，但是这种设计模式也容易导致滑动卡顿的问题。今天，我们就来讨论一下解决这个...
Android-复杂界面实现RecyclerView嵌套ViewPagerRecyclerView多布局实现
08-12
复杂界面实现，RecyclerView 嵌套 ViewPager、RecyclerView，多布局实现
RecycleView 嵌套RecycleView 来实现购物车页面
04-11
RecycleView 嵌套RecycleView 来实现购物车页面,里面有全选,删除, 加减联动.EventBus,来更新UI
Android中解决RecyclerView各种点击事件的方法
08-27
"Android中解决RecyclerView各种点击事件的方法" Android中，解决RecyclerView各种点击事件的方法主要包括解决RecyclerView点击事件、长按事件、子项点击事件等问题。下面将详细介绍如何解决这些问题。 解决...
RecyclerView 嵌套 RecyclerView 滑动冲突解决
12-30
RecyclerView 嵌套 RecyclerView 滑动冲突解决----------------------- 本人亲测
Android中RecyclerView嵌套RecyclerView
07-08
RecyclerView是v7包中的一个控件非常实用，尤其是嵌套，这是我在网上找的一个例子，放在这希望和大家下载交流。
RecyclerView(二)——双层RecyclerView嵌套
qq_31573123的博客
09-23 2709
如上图所示，此页面包含两个RecyclerView的嵌套实现，外层为瀑布流布局，里层为线性布局。 1 里层线性布局书籍列表部分 1.1 ChildAdapter public class ChildAdapter extends RecyclerView.Adapter<ChildAdapter.ChildViewHolder> { private List<S...
RecyclerView嵌套RecyclerView使用的问题
csdn_zxw的博客
05-15 737
项目需求：公司出的项目需求是个预约系统，从周一到周天每天的预约情况，一天的预约中：每个节目使用的时间长短所占用的比例高度是不一样的，中间的间隔也是不一样的，总之根据需求可以自己定相关的距离。 上代码： 一：外层想直接用RecyclerView来实现GridView的模块功能，就用了GridManager GridLayoutManager manager = new GridLayoutManager(this,7); 但是！！！！！后期调整的时候竟然发现里面的RecyclerView不能滑动！！
Android RecyclerView嵌套RecyclerView，子RecyclerView高度问题
05-19
在嵌套RecyclerView的情况下，子RecyclerView的高度通常需要进行特殊处理。以下是一些常用的解决方法： 1.设置子RecyclerView的高度为固定值，例如200dp。这种方法不太灵活，但是可以保证子RecyclerView的高度固定。 2.使用自定义LayoutManager来动态计算子RecyclerView的高度。您可以创建一个继承自LinearLayoutManager的子类，并覆盖computeVerticalScrollRange()方法来计算子RecyclerView的高度。在父RecyclerView的Adapter中，将子RecyclerView的高度设置为计算出的值即可。 3.使用NestedScrollView包裹RecyclerView。将子RecyclerView放在NestedScrollView中，然后将NestedScrollView放在父RecyclerView的ViewHolder中。这种方法虽然简单，但是可能会影响性能。 需要注意的是，在嵌套RecyclerView时，还需要防止出现滑动冲突的问题。可以通过设置RecyclerView的NestedScrollingEnabled属性为false来解决这个问题。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值