Android Studio（二）-为Recyclerview中的item增加点击功能

一、作业目标

        依托作业一（之前提交的博客作业），将recyclerView的每个item增加点击功能，点击后跳转到一个新的view展示信息。

二、设计效果展示

11月10日

三、关键技术解说

        在App门户页面设计与开发与recycleview(一)中，已经实现了聊天页面的消息列表，在本篇文章中，将为消息列表中每个item增加点击功能。

        当点击消息列表中的某一项时，跳转到详情界面，因此需要创建一个resultActivity文件，并通过xml文件设计跳转后的详情界面。

3.1设计详情页面

        详情界面主要有三个空间组成，imageView控件为联系人头像信息，textview控件为昵称信息，button控件为返回到上一界面。

3.2实现点击效果

        修改MyAdapter类中onBindViewHolder方法，通过setOnClickListener()方法为视图设置点击事件监听器，通过intent对象的startActivity()方法实现Activity之间的跳转。

  holder.textView.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                //点击后跳转到详情页
                Intent intent=new Intent(mycontext,resultActivity.class);
               
                //开始跳转
                mycontext.startActivity(intent);
            }
        });

3.3补充列表中的数据，实现点击item后，将相应信息传到详情界面

第一步：

        在fragment1中，设置列表数据。将相应信息传到详情界面，主要是将对应的值设置到对应的控件当中。声明一个数组，每个元素为Map对象， 每个 Map对象代表了一行，其中的键值对表示了每行的头像和昵称信息。

    public View onCreateView(LayoutInflater inflater, ViewGroup container,
                             Bundle savedInstanceState) {
        // Inflate the layout for this fragment
        view=inflater.inflate(R.layout.tab1, container, false);
        recyclerView = view.findViewById(R.id.recyclerview);
        //昵称和头像信息
        String [] names={"一号","二号","三号","四号","五号","六号","七号","八号"};
        int [] images={R.drawable.tx1,R.drawable.tx2,R.drawable.tx3,R.drawable.tx4,R.drawable.tx5,R.drawable.tx6,R.drawable.tx7,R.drawable.tx8};
        List<Map<String,Object>> items=new ArrayList<Map<String,Object>>();

        //为map对象赋值
        for(int i=0;i<names.length;i++){
            Map<String,Object> item=new HashMap<String, Object>();
            item.put("i_name",names[i]);
            item.put("i_image",images[i]);
            items.add(item);
        }
        
        Context context=getContext();
        //创建RecycleView实例和设置Adapter
        adapter=new Myadapter(items,context);

        LinearLayoutManager manager = new LinearLayoutManager(context);
        manager.setOrientation(RecyclerView.VERTICAL);
        recyclerView.setLayoutManager(manager);
        recyclerView.setAdapter(adapter);
        return view;
    }
}

第二步：

        修改MyAdapter类中的相关信息。

       将传入的数组类型修改为List<Map<String,Object>> data

    public Myadapter(List<Map<String,Object>> list1, Context context){
        mydata=list1;
        mycontext=context;
    }

         修改onBindViewHolder()，将设置的昵称、头像信息显示到消息界面的列表中，向intent对象传值

    @Override
    public void onBindViewHolder(@NonNull Myholder holder, int position) {

        //将设置的昵称、头像信息显示到消息界面的列表中
        String name=mydata.get(position).get("i_name").toString();
        int image=Integer.parseInt(mydata.get(position).get("i_image").toString());
        //将此数据显示到item中
        holder.textView.setText(name);
        holder.touxiang.setImageResource(image);

        holder.textView.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                //点击后跳转到联系人详情页
                Intent intent=new Intent(mycontext,resultActivity.class);
                //向intent传值
                intent.putExtra("details",name);
                intent.putExtra("image",image);
//                intent.addFlags(Intent.FLAG_ACTIVITY_NEW_TASK);
                //开始跳转
                mycontext.startActivity(intent);
            }
        });

    }

第三步：

        修改resultActivity文件， 绑定详情页的控件，根据intent获取得到的数据设置item控件的值，为返回按钮设置点击后返回功能。

 @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_result);

        Intent intent=getIntent();
        dName=findViewById(R.id.textView7);
        dImage = findViewById(R.id.imageView);
        button=findViewById(R.id.button5);
        //根据intent获取得到的数据设置item控件的值
        dImage.setImageResource(intent.getIntExtra("image",R.drawable.tx2));
        dName.setText(intent.getStringExtra("details"));

        button.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View view) {
               // Intent intent1=new Intent(context, ItemActivity.class);
                //一点就结束，返回到上一界面
                finish();
            }
        });
    }

三、总结

        在本次实验中，遇到的主要问题是向控件设置数据时，控件信息绑定错误，以及把button=findViewById()写成了button.findViewById(),造成错误。

四、源码地址

code: 移动开发作业~~~~~