2021-10-25

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

二、修改UI布局
2.1 新建一个Activity页面
目录结构

组件树

页面效果
三、控制逻辑
3.1 RecyclerView的Item的单击事件
在 RecyclerView 的 Adapyer 中定义单击事件的回调接口：
/**
* **定义 RecyclerView 选项单击事件的回调接口
/

**
在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);
// 取消标题栏
support***RequestWindowFeature(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 + “的详情页面”);
}