Android Studio学习开发（五、RecyclerView布局）

눈明空

于 2024-08-02 08:30:00 发布

阅读量1.8k

点赞数 38

本文链接：https://blog.csdn.net/m0_74325713/article/details/140819195

版权

Andriod Studio 专栏收录该内容

8 篇文章 0 订阅

订阅专栏

引言

先来看实现的界面图，我们要让最上面长方形布局充满屏幕，类似我们看小说时的陈列。

        RecyclerView 是 Android 开发中一个重要且强大的UI控件，通过复用视图（ViewHolder模式）和提供多种布局管理器（LayoutManager），实现了高性能的数据展示和灵活的布局控制。

         LayoutManager 在 RecyclerView 中扮演着决定项目排列方式和滑动方向的重要角色，它支持多种布局方式，如线性布局（LinearLayoutManager）、网格布局（GridLayoutManager）以及瀑布流布局（StaggeredGridLayoutManager）等。

        Adapter 则是连接 RecyclerView 与数据源之间的桥梁，通过实现 RecyclerView.Adapter<VH> 接口（其中VH代表ViewHolder的类名），Adapter 负责创建 ViewHolder 来缓存子项视图，减少 findViewById() 的调用，提高性能；它还负责通过 onBindViewHolder() 方法将数据源中的数据绑定到 ViewHolder 上，并通过 getItemCount() 方法告知 RecyclerView 数据项的总数。

        ViewHolder本身是一个实现了RecyclerView.ViewHolder 接口的类，通常作为 Adapter 的静态内部类，用于缓存和复用子项视图，从而优化 RecyclerView 的滚动性能。

        RecyclerView 需要手动创建 ViewHolder 和 Adapter 。

记录信息函数布局

定义 RecyclerView，它将填充其父布局的宽度，并尝试根据其内容调整高度，同时在其顶部与其父布局之间留有20dp的间距，它可以在列表中展示大量的数据项，并且能够高效地处理大数据集合的滚动。

Adapter适配器

Adapter 类声明，继承自 RecyclerView.Adapter ，用于处理数据与 RecyclerView 的绑定。

mContext ：用于存储上下文（Context），用来访问应用资源。
mListener ：用于处理项点击事件的监听器。
list：用于存储数据项的列表。
初始化 mContext 和 mListener ，在创建适配器实例时传入上下文和点击事件监听器。

onCreateViewHolder: 当 RecyclerView 需要创建一个新的 ViewHolder 时调用此方法。

使用 LayoutInflater 将布局文件 layout_message.xml 转换为视图。
new LinearViewHolder(...)：创建一个新的 LinearViewHolder实例并返回。

onBindViewHolder: 当 RecyclerView 需要将数据绑定到一个 ViewHolder 时调用此方法。

设置 TextView的文本。
设置项点击事件监听器，当点击某一项时调用 mListener.onClick(position) 。

getItemViewType：根据项的位置返回其类型，这里简单地根据奇偶性区分类型，偶数返回 0，奇数返回 1。

getItemCount：返回 RecyclerView 中数据项的数量，这里固定为 10。

LinearViewHolder：继承自 RecyclerView.ViewHolder，是自定义的 ViewHolder 类

textView：存储布局中的 TextView。

构造函数中找到 TextView并保存到成员变量 textView

点击事件接口

OnItemClickListener：定义一个接口，用于处理项点击事件。
onClick：当某一项被点击时调用，参数 pos 表示被点击项的位置.

完整代码

RecordActivity.java

package com.example.login.Function;

import androidx.appcompat.app.AppCompatActivity;
import androidx.recyclerview.widget.LinearLayoutManager;
import androidx.recyclerview.widget.RecyclerView;

import android.os.Bundle;
import android.widget.Toast;

import com.example.login.Adapter.DataShowAdapter;
import com.example.login.R;

public class RecordActivity extends AppCompatActivity {

    private RecyclerView mRVList;

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

        mRVList = findViewById(R.id.rv_list);

        //利用adapter显示name
        mRVList.setLayoutManager(new LinearLayoutManager(RecordActivity.this));
        //设置adapter   窗口展示点击序号
        mRVList.setAdapter(new DataShowAdapter(RecordActivity.this, new DataShowAdapter.OnItemClickListener() {
            @Override
            public void onClick(int pos) {
                Toast.makeText(RecordActivity.this,"点击..."+pos,Toast.LENGTH_SHORT).show();
            }
        }));

    }
}

activity_record.xml

<?xml version="1.0" encoding="utf-8"?>
<ScrollView 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"
    tools:context=".Function.RecordActivity">

    <LinearLayout
        android:id="@+id/ll_container"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="vertical"
        android:padding="10dp">

        <TextView
            android:id="@+id/tv_heading"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="已录入信息"
            />
        <androidx.recyclerview.widget.RecyclerView
            android:id="@+id/rv_list"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:layout_marginTop="20dp"/>

    </LinearLayout>

</ScrollView>

layout_message.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical"
    android:layout_width="match_parent"
    android:layout_height="wrap_content">

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

        <ImageView
            android:layout_width="60dp"
            android:layout_height="90dp"
            android:layout_marginLeft="10dp"
            android:layout_marginTop="10dp"
            android:scaleType="centerCrop"
            android:src="@drawable/jingliu" />

        <LinearLayout
            android:layout_width="315dp"
            android:layout_height="90dp"
            android:layout_marginLeft="20dp"
            android:layout_marginTop="20dp"
            android:orientation="vertical">

            <TextView
                android:id="@+id/data_name"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="仙舟前任剑首"
                android:textColor="@color/colorBlue"
                android:textSize="16sp" />

            <TextView
                android:id="@+id/data_contents"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:layout_marginTop="15dp"
                android:text="就让这一轮月华，照彻万川"
                android:textColor="@color/colorBlue1"
                android:textSize="16sp" />


        </LinearLayout>

    </LinearLayout>

</LinearLayout>

DataShowAdapter.java

package com.example.login.Adapter;

import android.content.Context;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.TextView;

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

import com.example.login.R;


public class DataShowAdapter extends RecyclerView.Adapter <RecyclerView.ViewHolder>{
    @NonNull
    private Context mContext;
    private OnItemClickListener mListener;
    //private List<String> list;

    public DataShowAdapter(Context context , OnItemClickListener listener){
        this.mContext = context;
        this.mListener = listener;
    }


    @Override
    public  RecyclerView.ViewHolder onCreateViewHolder(@NonNull ViewGroup parent, int viewType) {
        //viewType可以通过这个，展示不同的item
        return new LinearViewHolder(LayoutInflater.from(mContext).inflate(R.layout.layout_message, parent, false));
    }

    @Override
    //通过getItemViewType的返回值来选择具体的item显示
    public void onBindViewHolder(@NonNull RecyclerView.ViewHolder holder, final int position) {
        ((LinearViewHolder)holder).textView.setText("镜流");
        holder.itemView.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                mListener.onClick(position);
            }
        });
    }

    //去控制viewType的方法，根据位置的奇偶性来区分
    @Override
    public int getItemViewType(int position) {
        if(position % 2 == 0){
            return 0;//偶数
        }else{
            return 1;
        }
    }

    // 设置数据个数
    @Override
    public int getItemCount() {
        return 10;
    }

    class LinearViewHolder extends RecyclerView.ViewHolder{
        private TextView textView;

        public LinearViewHolder(View itemView){
            super(itemView);
            textView = itemView.findViewById(R.id.data_name);
        }
    }

    //接口
    public interface  OnItemClickListener{
        void onClick(int pos);
    }
}