移动开发作业二 实现Recycleview的item点击跳转到详情

一、整体思路

​ 首先实现RecyclerView的Item的单击事件，再在fragment中通过Adapter设置每个item的单击事件。由于本次作业要求跳转到不同的详情页面，故笔者的思路是首先建立一个新的Activity组件，作为详情页面，侦听到item点击事件后，带参数跳转到Activity，在Activity中接受参数，并利用接受的参数对页面数据进行设置，从而实现点击不同的List而跳转到不同的详情页面。

二、修改UI布局

2.1 新建一个Activity页面

• 目录结构

• 组件树

• 页面效果

三、控制逻辑

3.1 RecyclerView的Item的单击事件

在 RecyclerView 的 Adapyer 中定义单击事件的回调接口：

    /**
     * 定义 RecyclerView 选项单击事件的回调接口
     */
    public interface OnItemClickListener{
        //参数（父组件，当前单击的View,单击的View的位置，数据）
        void onItemClick(RecyclerView parent,View view, int position, String data);
    }

在RecyclerView的Adapyer中声明该接口，并提供setter方法：

    private OnItemClickListener onItemClickListener;
    public void setOnItemClickListener(OnItemClickListener onItemClickListener){
        this.onItemClickListener = onItemClickListener;
    }

在RecyclerView的Adapyer类实现View.OnClickListener接口，并重写onClick(View view)方法，然后设置给接口的事件监听：

    @Override
    public void onClick(View view) {
        //根据RecyclerView获得当前View的位置
        int position = recyclerView.getChildAdapterPosition(view);
        //程序执行到此，会去执行具体实现的onItemClick()方法
        if (onItemClickListener!=null){
            onItemClickListener.onItemClick(recyclerView,view,position,list.get(position));
        }
    }

在Fragment tab2.java中通过Adapter设置每个Item的单击事件：

    adapter.setOnItemClickListener(new RecycleListAdapter.OnItemClickListener() {
        @Override
        public void onItemClick(RecyclerView parent, View view, int position, String data) {
            Log.d("click",position+"");
            // 创建Intent，从列表页面跳转到测试人员详情页
            Intent intent = new Intent(getActivity(),friend_detail_page.class);
            Bundle bundle = new Bundle();
            bundle.putSerializable("index",position);
            intent.putExtras(bundle);
            startActivity(intent);
        }
    });

3.2 tab2.java中实现跳转到Activity并传参

创建Intent，从列表页面跳转到测试人员详情页：

    // 创建Intent，从列表页面跳转到测试人员详情页
    Intent intent = new Intent(getActivity(),friend_detail_page.class);
    Bundle bundle = new Bundle();
    bundle.putSerializable("index",position);
    intent.putExtras(bundle);
    startActivity(intent);

在Activity的声明周期函数回调后，接受Intent的参数并设置页面细节

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        // 取消标题栏
        supportRequestWindowFeature(Window.FEATURE_NO_TITLE);
        setContentView(R.layout.activity_friend_detail_page);

        // 获取intent传过来的数据
        Intent intent=getIntent();
        Bundle bundle=intent.getExtras();
        int index = bundle.getInt("index");

        // 给textView赋值
        textView = findViewById(R.id.friend_detail);
        textView.setText("测试人员" + index + "的详情页面");

    }

四、实现效果

动图GIF展示效果：

五、代码仓库

作业二代码仓库