Android Studio之recyclerview网格化布局列表点击跳转到详情页面--凡人修仙传1.2

前言

RecyclerView是Android Jetpack库提供的一个强大而灵活的视图组。它设计用于高效地显示大型数据集，支持列表或网格格式，并具有平滑的滚动和优化的内存使用。RecyclerView在Android应用程序开发中常用于实现动态和交互式的用户界面。

RecyclerView取代了旧版的ListView和GridView组件，并提供了更多的控制和灵活性。它基于模块化架构，由几个关键组件组成：

1. RecyclerView：主要的容器，用于持有和管理视图。它负责在用户滚动数据集时回收和重用项目视图。

2. LayoutManager：控制RecyclerView中项目的布局，确定它们应该显示为列表、网格或其他自定义布局。

3. Adapter：提供数据并创建在RecyclerView中显示的单个视图。它扩展自RecyclerView.Adapter类，负责将数据绑定到视图持有者。

4. ViewHolder：表示RecyclerView中的单个项目视图。它保存对各个视图的引用，并允许高效地回收和重用。

要在Android应用程序中使用RecyclerView，通常需要按照以下步骤进行操作：

1. 在项目的build.gradle文件中添加RecyclerView的依赖项。

2. 定义RecyclerView中项目视图的布局。

3. 创建一个自定义的ViewHolder类，该类扩展RecyclerView.ViewHolder。该类保存每个项目中视图的引用。

4. 创建一个自定义的Adapter类，该类扩展RecyclerView.Adapter。该适配器负责创建和绑定RecyclerView中的视图。

5. 实例化RecyclerView，并设置布局管理器和适配器。

6. 向适配器提供数据，并根据需要处理任何用户交互或更新。

通过使用RecyclerView，可以高效地显示大型数据集，实现项目动画和滑动手势等功能，并轻松自定义应用程序的列表或网格视图的布局和外观。

特别提醒，本文是在上一篇的基础上经过修改的编程，前者已经完成了recyclerview的网格化布局，本文仅讲解点击事件和列表跳转到详情页面，特附上前者链接，感兴趣可以前往查看
https://blog.csdn.net/qq_64802814/article/details/133850050?spm=1001.2014.3001.5501

recyclerview网格化布局及跳转—凡人修仙传1.2

（1）页面效果展示

1、主页面“修炼”展示

2、“法宝”页面展示

3、点击事件跳转展示

点击法宝页面任意法宝即可触发跳转

点击“我知道了”即可完成回传，返回到法宝页面

4、“门派”页面展示

门派页面和法宝页面同样具有跳转效果，也可以实现点击跳转到详情页面

5、“外挂”页面展示

（2）主要修改代码

1、页面布局XML文件

1.1 为调色板color.xml增加了更多新的颜色，从而在1.1的基础上优化了页面布局

<?xml version="1.0" encoding="utf-8"?>
<resources>
    <color name="black">#FF000000</color>
    <color name="white">#FFFFFFFF</color>

    <color name="purple_200">#FFBB86FC</color>
    <color name="purple_500">#FF6200EE</color>
    <color name="purple_700">#FF3700B3</color>
    <color name="teal_200">#FF03DAC5</color>
    <color name="teal_700">#FF018786</color>
    <color name="one">#FFCD7F32</color>
    <color name="two">#FFD9D919</color>
    <color name="three">#FFCFB53B</color>
    <color name="four">#FFCC3299</color>
    <color name="five">#FFFF2400</color>
    <color name="six">#FF4D4DFF</color>

</resources>

1.2 增加了跳转页面的布局fabao1.xml和menpai1.xml

fabao1.xml

<?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"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    tools:context=".fabaoclass">

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="horizontal">

        <TextView
            android:id="@+id/textViewfabao"
            android:layout_width="match_parent"
            android:layout_height="45dp"
            android:layout_marginTop="4dp"
            android:gravity="center"
            android:text="法宝"
            android:textSize="35dp"
            app:layout_constraintEnd_toEndOf="parent"
            app:layout_constraintHorizontal_bias="0.0"
            app:layout_constraintStart_toStartOf="parent"
            app:layout_constraintTop_toTopOf="parent" />
    </LinearLayout>

    <TextView
        android:id="@+id/textViewfabo1"
        android:layout_width="match_parent"
        android:layout_height="615dp"
        android:gravity="center"
        android:text="TextView"
        android:textSize="48sp"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent" />

    <Button
        android:id="@+id/Button1"
        android:layout_width="match_parent"
        android:layout_height="66dp"
        android:text="我知道了"
        android:textSize="30dp"
        app:layout_constraintBottom_toBottomOf="@+id/textView13"
        app:layout_constraintStart_toStartOf="@+id/textView13"
        app:layout_constraintTop_toTopOf="@+id/textView13"
        app:srcCompat="@android:drawable/ic_menu_revert" />

</LinearLayout>

menpai1.xml

<?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"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    tools:context=".menpaiclass">

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="horizontal">

        <TextView
            android:id="@+id/textViewmenpai"
            android:layout_width="match_parent"
            android:layout_height="45dp"
            android:layout_marginTop="4dp"
            android:gravity="center"
            android:text="门派"
            android:textSize="35dp"
            app:layout_constraintEnd_toEndOf="parent"
            app:layout_constraintHorizontal_bias="0.0"
            app:layout_constraintStart_toStartOf="parent"
            app:layout_constraintTop_toTopOf="parent" />
    </LinearLayout>

    <TextView
        android:id="@+id/textViewmenpai1"
        android:layout_width="match_parent"
        android:layout_height="615dp"
        android:gravity="center"
        android:text="TextView"
        android:textSize="48sp"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent" />

    <Button
        android:id="@+id/Button2"
        android:layout_width="match_parent"
        android:layout_height="66dp"
        android:text="我知道了"
        android:textSize="30dp"
        app:layout_constraintBottom_toBottomOf="@+id/textView13"
        app:layout_constraintStart_toStartOf="@+id/textView13"
        app:layout_constraintTop_toTopOf="@+id/textView13"
        app:srcCompat="@android:drawable/ic_menu_revert" />

</LinearLayout>

2、主要Java代码

2.1 修改MyAdapter.Java文件

package com.example.homework;

import android.annotation.SuppressLint;
import android.content.Context;
import android.content.Intent;
import android.view.View;
import android.view.ViewGroup;
import android.widget.TextView;
import android.widget.Toast;

import androidx.annotation.NonNull;
import androidx.recyclerview.widget.RecyclerView;

import java.util.List;


public class MyAdapter extends RecyclerView.Adapter<MyAdapter.MyHolder> {
    List<String> list1;
    Context context1;
    Class aClass;
    public MyAdapter(Context context,List list,Class class1) {
        this.context1 = context;
        this.list1 = list;
        this.aClass = class1;
    }

    @NonNull
    @Override
    public MyHolder onCreateViewHolder(@NonNull ViewGroup parent, int viewType) {
        View view=View.inflate(context1,R.layout.item,null);
//        View view= LayoutInflater.from(context1).inflate(R.layout.item,parent,false);
        MyHolder myHolder = new MyHolder(view);
        myHolder.setIsRecyclable(false);
        return myHolder;
    }

    @Override
    public void onBindViewHolder(@NonNull MyHolder holder, @SuppressLint("RecyclerView") int position) {
        holder.textView.setText(list1.get(position));
        holder.textView.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View view) {
                Intent intent = new Intent(context1,aClass);
                intent.putExtra("name",list1.get(position));
                context1.startActivity(intent);
            }
        });
    }

    @Override
    public int getItemCount() {

        return list1.size();
    }
    class MyHolder extends RecyclerView.ViewHolder{
        TextView textView;
        public MyHolder(@NonNull View itemView) {
            super(itemView);
            textView = itemView.findViewById(R.id.textView31);
        }
    }
}

2.2 增加fabaoclass.java和menpaiclass.java

fabaoclass.java

package com.example.homework;

import androidx.appcompat.app.AppCompatActivity;

import android.annotation.SuppressLint;
import android.content.Intent;
import android.os.Bundle;
import android.view.View;
import android.widget.Button;
import android.widget.TextView;

public class fabaoclass extends AppCompatActivity {
    TextView textView;
    Button button;

    @SuppressLint({"MissingInflatedId", "WrongViewCast"})
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.fabao1);
        Intent intent = getIntent();
        String name = intent.getStringExtra("name");
        textView = findViewById(R.id.textViewfabo1);
        button = findViewById(R.id.Button1);
        textView.setText("你选择的法宝是  "+name);
        button.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View view) {
                finish();
            }
        });

    }
}

menpaiclass.java

package com.example.homework;

import androidx.appcompat.app.AppCompatActivity;

import android.annotation.SuppressLint;
import android.content.Intent;
import android.os.Bundle;
import android.view.View;
import android.widget.Button;
import android.widget.TextView;

public class menpaiclass extends AppCompatActivity {
    TextView textView;
    Button button;
    @SuppressLint("MissingInflatedId")
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.menpai1);
        Intent intent = getIntent();
        String name = intent.getStringExtra("name");
        textView = findViewById(R.id.textViewmenpai1);
        button = findViewById(R.id.Button2);
        textView.setText("您选择的门派是  "+name);
        button.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View view) {
                finish();
            }
        });
    }
}

2.3 修改fabao.java和menpai.java

fabao.java

package com.example.homework;

import android.os.Bundle;

import androidx.fragment.app.Fragment;
import androidx.recyclerview.widget.GridLayoutManager;
import androidx.recyclerview.widget.LinearLayoutManager;
import androidx.recyclerview.widget.RecyclerView;

import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;

import java.util.ArrayList;
import java.util.Arrays;
import java.util.List;


public class fabao extends Fragment {

    RecyclerView recyclerView;
    View view;
    @Override
    public View onCreateView(LayoutInflater inflater, ViewGroup container,
                             Bundle savedInstanceState) {
        // Inflate the layout for this fragment
        view=inflater.inflate(R.layout.fabao, container, false);
        recyclerView= view.findViewById(R.id.RecycleViewfabao);
        List<String> fabaos = new ArrayList<>(Arrays.asList("天幻宝扇", "天灵剑气", "魔龙印符", "追魂铃鼓", "霸王苍穹", "幻影幽珠", "迷境幻鼎", "魔降天符", "天灭魂刀", "凤羽神扇", "雷神霄珠", "七星宝花", "诛仙神剑", "九转金丹", "追魂幡旗", "魔龙甲胄", "紫云飞剑", "凤凰琴音", "妖魔封印", "冥灯幽钟", "天帝封印", "诛仙神剑", "幻神鼎铸", "碧火魔珠", "浩瀚天镜", "魂天妖印", "斩魂无刃", "神龙圣扇", "雷神霄珠", "彩凤琴音", "妖魔封印", "冥灯幽钟", "天帝封印", "诛仙神剑", "幻神鼎铸", "碧火魔珠", "浩瀚天镜", "魂天妖印", "斩魂无刃", "神龙圣扇"));
        MyAdapter myadapter = new MyAdapter(getContext(),fabaos, fabaoclass.class);
        recyclerView.setAdapter(myadapter);
        GridLayoutManager layoutManager = new GridLayoutManager(getContext(),3);
        recyclerView.setLayoutManager(layoutManager);
        return view;
    }
}

menpai.java

package com.example.homework;

import android.os.Bundle;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;

import androidx.fragment.app.Fragment;
import androidx.recyclerview.widget.GridLayoutManager;
import androidx.recyclerview.widget.LinearLayoutManager;
import androidx.recyclerview.widget.RecyclerView;

import java.util.ArrayList;
import java.util.Arrays;
import java.util.List;

public class menpai extends Fragment {
    View view;
    RecyclerView recyclerView;
    @Override
    public View onCreateView(LayoutInflater inflater, ViewGroup container,
                             Bundle savedInstanceState) {
        // Inflate the layout for this fragment
        view=inflater.inflate(R.layout.menpai, container, false);
        recyclerView= view.findViewById(R.id.RecycleViewmenpai);
        List<String> menpais = Arrays.asList("太虚宗", "九天剑宫", "幽冥阁", "紫云宫", "火云宗", "风华宗", "天雷宗", "雪魄宫", "玄冥殿", "金阳宗", "龙脉宫", "天罡宗", "星辰派", "紫电宫", "魔音谷", "太清宫", "飞雪宗", "玄阳门", "冷月宫", "天翼门", "无极宫", "幻境派", "烈阳宫", "琉璃殿", "天机门", "凌霄宫", "紫霞宫", "千幻谷", "天机堂", "九幽门", "玄冰派", "碧波宫", "天音宗", "苍穹宫", "明月宫", "天魔教", "紫电宫", "魔音谷", "太清宫", "飞雪宗", "玄阳门", "冷月宫", "天翼门", "无极宫", "幻境派", "烈阳宫", "琉璃殿", "天机门", "凌霄宫", "紫霞宫", "千幻谷", "天机堂", "九幽门", "玄冰派", "碧波宫", "天音宗", "苍穹宫", "明月宫", "天魔教");
        MyAdapter myadapter = new MyAdapter(getContext(),menpais, menpaiclass.class);
        recyclerView.setAdapter(myadapter);
        recyclerView.setAdapter(myadapter);
        GridLayoutManager layoutManager = new GridLayoutManager(getContext(),2);
        recyclerView.setLayoutManager(layoutManager);
        return view;
    }
}

总结

在整个项目中，我在上一篇已完成网格化布局的基础上进一步将《凡人修仙传》升级为1.2，实现了recyclerview点击事件跳转到详情页面。

要实现RecyclerView的点击事件并跳转到详情页面，可以按照以下步骤进行操作：

1. 在RecyclerView的Adapter中，为每个项目视图设置点击事件监听器。

2. 在点击事件监听器中，处理点击事件并获取相应项目的数据。

3. 创建一个详情页面的Activity或Fragment，用于显示项目的详细信息。

4. 在点击事件监听器中，创建一个Intent对象，将需要传递给详情页面的数据作为Extra添加到Intent中。

5. 调用startActivity方法启动详情页面，并将Intent作为参数传递。

6. 在详情页面的Activity或Fragment中，获取传递过来的数据，并根据需要显示在界面上。

所有以上详细代码文件已上传至Gitee中
可以通过我的个人网址（https://gitee.com/wndwx/wndwx/tree/master/Homework1）免费下载浏览