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-04-01 22:48:25

    如何用 Java 对 PDF 文件进行电子签章

    印章是我国特有的历史文化产物,古代主要用作身份凭证和行驶职权的工具。它的起源是由于社会生活的实际需要。早在商周时代,印章就已经产生。如今的印章已成为一种独特的,融实用性和艺术性为一体的艺术瑰宝。传统的印章容易被坏人、小人私刻;从而新闻鲜有报道某某私刻公章,侵吞国家财产。随着计算机技术、加密技术及图像处理技术的发展,出现了电子签章。电子签章是电子签名的一种表现形式,利用图像处理技术、数字加密技术将电子签名操作转化为与纸质文件盖章操作相同的可视效果,同时利用电子签名技术保障电子信息的真实性和完整性以及签名人的不可否认性

  • 2019-04-01 22:59:22

    Android Studio 3.0 利用cmake搭建jni环境(很详细哦)

    我用的Android Studio是3.0的版本,然后想搭建一下jni的环境。这里把自己遇到的问题和注意点都记录下。 首先是需要在android studio里面安装最基本的环境。 打开Default Preference里面查看SDK Tool选项。

  • 2019-04-01 23:20:58

    隐藏在图片中的密钥

    在客户端开发的时候,有时需要把密钥保存在本地。这时就会遇到密钥安全性的问题。要保证密钥安全性,无非就是混淆、隐藏、白盒等手段。本文以隐藏在图片中来阐述密钥的安全保存。

  • 2019-04-01 23:22:33

    验证数字签名

    应预先设置验证首选项。在打开 PDF 后显示包含签名的验证详细信息时,这有助于确保数字签名有效。有关详细信息,请参阅设置签名验证首选项。

  • 2019-04-01 23:23:27

    图像隐写之使用PHP隐藏图像中的文本

    隐写术是一门研究隐藏信息的科学艺术,通过隐写术,可以只让发送者和接收者知道隐藏的信息。 图像隐写术则是研究将数据隐藏在图像中,通过该技术可以防止无关用户发现这些隐藏的信息或数据。

  • 2019-04-08 16:01:57

    Window 设置pm2开机自启动服务

    下面用 pm2 来启动我们自己的服务程序 app.js, 然后告诉 pm2 开机后自动运行我 app.js 继续在管理员命令行下, cd 到 app.js 所在目录