RecyclerView安卓androidx.widget.RecyclerView

article/2025/11/10 5:14:16

导入RecyclerView

implementation 'com.android.support:recyclerview-v7:28.0.0'

或者把常用的组件都导入了,包括了RecyclerView

 implementation 'com.android.support:design:28.0.0'

1.RecyclerView介绍

RecyclerView它可以说是一个增强版的ListView。ListView由于其强大的功能,在过去的Android 开发当中可以说是贡献卓越。不过ListView并不是完全没有缺点的,比如说如果我们不使用一些技巧来提升它的运行效率,那么ListView的性能就会非常差。还有,ListView 的扩展性也不够好。为此,Android 提供了一个更强大的滚动控件-- RecyclerView。 ,不仅可以轻松实现和ListView同样的效果,还优化了ListView中存在的各种不足之处。目前Android官方更加推荐使用RecyclerView。

2.代码

1.布局文件
activity_main.xml

<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayout 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=".MainActivity"><androidx.recyclerview.widget.RecyclerViewandroid:layout_width="match_parent"android:layout_height="match_parent"android:id="@+id/recycler_view"></androidx.recyclerview.widget.RecyclerView></androidx.constraintlayout.widget.ConstraintLayout>

在activity_main.xml中定义一个RecyclerView即可。

fruit_item.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"android:orientation="horizontal"android:layout_width="wrap_content"android:layout_height="wrap_content"><ImageViewandroid:layout_width="wrap_content"android:layout_height="wrap_content"android:id="@+id/fruit_image"/><TextViewandroid:id="@+id/fruit_name"android:layout_marginLeft="10dp"android:layout_width="wrap_content"android:layout_height="wrap_content"android:gravity="center_vertical"/></LinearLayout>

在fruit_item.xml中定义一个显示图片的ImageView和一个显示名称的TextView。
2.java代码
Fruit.java


public class Fruit {private String name;private int imageID;public Fruit(String name, int imageID) {this.name = name;this.imageID = imageID;}public String getName() {return name;}public int getImageID() {return imageID;}
}

首先,定义一个Fruit实体类。

FruitAdapter

public class FruitAdapter extends RecyclerView.Adapter<FruitAdapter.ViewHolder> {private List<Fruit> mFruitList;@NonNull@Overridepublic ViewHolder onCreateViewHolder(@NonNull ViewGroup parent, int viewType) {//用来创建ViewHolder实例,再将加载好的布局传入构造函数,最后返回ViewHolder实例View view= LayoutInflater.from(parent.getContext()).inflate(R.layout.fruit_item,null);ViewHolder holder=new ViewHolder(view);return holder;}public FruitAdapter(List<Fruit> fruitList){mFruitList=fruitList;}@Overridepublic void onBindViewHolder(@NonNull ViewHolder holder, int position) {//用于对RecyclerView的子项进行赋值,会在每个子项滚动到屏幕内的时候执行Fruit fruit=mFruitList.get(position);holder.fruitImage.setImageResource(fruit.getImageID());holder.fruitName.setText(fruit.getName());}@Overridepublic int getItemCount() {return mFruitList.size();}public static class ViewHolder extends RecyclerView.ViewHolder{ImageView fruitImage;TextView fruitName;public ViewHolder(@NonNull View itemView) {super(itemView);fruitImage=itemView.findViewById(R.id.fruit_image);fruitName=itemView.findViewById(R.id.fruit_name);}}
}

然后,给RecyclerView定义一个适配器。FruitAdapter继承自 RecyclerView.Adapter,并指定其泛型为FruitAdapter.ViewHolder。ViewHolder是我们定义在FruitAdapter的一个内部类。ViewHolder要继承自RecyclerView . ViewHolder。然后ViewHolder的构造函数中要传入一个View参数,这个参数通常就是RecyclerView 子项的最外层布局,那么我们就可以通过findViewById( )方法来获取到布局中的ImageView 和TextView的实例。
由于我们继承了RecyclerView.Adapter,那么需要重写三个方法。onCreateViewHolder()、onBindViewHolder()和 getItemCount()这 3个方法。
onCreateViewHolder(方法是用于创建ViewHolder实例的,我们在这个方法中将fruit_ item 布局加载进来,然后创建一个ViewHolder实例,并把加载出来的布局传人到构造函数当中,最后将ViewHolder的实例返回。
onBindViewHolder()方法是用于对RecyclerView子项的数据进行赋值的,会在每个子项被滚动到屏幕内的时候执行,这里我们通过position参数得到当前项的Fruit实例,然后再将数据设置到ViewHolder的ImageView和TextView当中即可。
getItemCount()方法就非常简单了,它用于告诉RecyclerView -共有多少子项,直接返回数据源的长度就可以了。

MainActivity

import androidx.annotation.Nullable;
import androidx.appcompat.app.AppCompatActivity;
import androidx.recyclerview.widget.LinearLayoutManager;
import androidx.recyclerview.widget.RecyclerView;import android.os.Bundle;
import java.util.ArrayList;
import java.util.List;public class MainActivity extends AppCompatActivity {private List<Fruit> fruitList = new ArrayList<>();@Overrideprotected void onCreate(@Nullable Bundle savedInstanceState) {super.onCreate(savedInstanceState);setContentView(R.layout.activity_main);initFruits();RecyclerView recyclerView = findViewById(R.id.recycler_view);LinearLayoutManager layoutManager = new LinearLayoutManager(this);
//        layoutManager.setOrientation(LinearLayoutManager.HORIZONTAL);  //设置方向recyclerView.setLayoutManager(layoutManager);FruitAdapter adapter = new FruitAdapter(fruitList);recyclerView.setAdapter(adapter);}private void initFruits() {for (int i = 0; i < 2; i++) {Fruit apple = new Fruit("apple", R.drawable.apple_pic);fruitList.add(apple);Fruit banana = new Fruit("banana", R.drawable.banana_pic);fruitList.add(banana);Fruit orange = new Fruit("orange", R.drawable.orange_pic);fruitList.add(orange);Fruit watermelon = new Fruit("watermelon", R.drawable.watermelon_pic);fruitList.add(watermelon);Fruit pear = new Fruit("pear", R.drawable.pear_pic);fruitList.add(pear);Fruit grape = new Fruit("grape", R.drawable.grape_pic);fruitList.add(grape);Fruit pineapple = new Fruit("pineapple", R.drawable.pineapple_pic);fruitList.add(pineapple);Fruit strawberry = new Fruit("strawberry", R.drawable.strawberry_pic);fruitList.add(strawberry);Fruit cherry = new Fruit("cherry", R.drawable.cherry_pic);fruitList.add(cherry);Fruit mango = new Fruit("mango", R.drawable.mango_pic);fruitList.add(mango);}}
}

在这里使用initFruits()方法,用于初始化所有的水果数据。接着在onCreate()方法中我们先获取到RecyclerView 的实例,然后创建了一个LinearLayout-Manager对象,并将它设置到RecyclerView当中。LayoutManager 用于指定RecyclerView的布局方式,这里使用的LinearLayoutManager是线性布局的意思,可以实现和ListView类似的效果(要实现横向的话可以取消注释试一下)。接下来我们创建了FruitAdapter的实例,并将水果数据传人到Frui tAdapter的构造函数中,最后调用RecyclerView的setAdapter()方法来完成适配器设置,这样RecyclerView和数据之间的关联就建立完成了。

更多布局效果:传送门

3.看效果

在这里插入图片描述
之前说了放动态图,嘿嘿。

4.监听器

不同于ListView的是, RecyclerView并没有提供类似于setOnItemClickListener()这样的注册监听器方法,而是需要我们自己给子项具体的View去注册点击事件,相比于ListView来说,实现起来要复杂些。
为什么RecyclerView在各方面的设计都要优于ListView,偏偏在点击事件上却没有处理得非常好呢?其实不是这样的,ListView 在点击事件上的处理并不人性化,setonItemClickListener()方法注册的是子项的点击事件,但如果我想点击的是子项里具体的某一个按钮呢?虽然ListView 也是能做到的,但是实现起来就相对比较麻烦了。为此,RecyclerView干脆直接摒弃了子项点击事件的监听器,所有的点击事件都由具体的View去注册,就再没有这个困扰了。
在这里我们给RecyclerView添加了一个监听器,代码在这,可以体验下。

import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.ImageView;
import android.widget.TextView;
import android.widget.Toast;import androidx.annotation.NonNull;
import androidx.recyclerview.widget.RecyclerView;import java.util.List;public class FruitAdapter extends RecyclerView.Adapter<FruitAdapter.ViewHolder> {private List<Fruit> mFruitList;@NonNull@Overridepublic ViewHolder onCreateViewHolder(@NonNull ViewGroup parent, int viewType) {//用来创建ViewHolder实例,再将加载好的布局传入构造函数,最后返回ViewHolder实例View view= LayoutInflater.from(parent.getContext()).inflate(R.layout.fruit_item,null);final ViewHolder holder=new ViewHolder(view);holder.fruitView.setOnClickListener(new View.OnClickListener() {//item的监听器@Overridepublic void onClick(View view) {int position=holder.getAdapterPosition();  //获取点击的位置Fruit fruit=mFruitList.get(position);       //获取fruitToast.makeText(view.getContext(), "你点击了"+fruit.getName(), Toast.LENGTH_SHORT).show();}});holder.fruitImage.setOnClickListener(new View.OnClickListener() {//imageView的监听器@Overridepublic void onClick(View view) {int position=holder.getAdapterPosition();  //获取点击的位置Fruit fruit=mFruitList.get(position);       //获取fruitToast.makeText(view.getContext(), "你点击了"+fruit.getName()+"的图片", Toast.LENGTH_SHORT).show();}});return holder;}public FruitAdapter(List<Fruit> fruitList){mFruitList=fruitList;}@Overridepublic void onBindViewHolder(@NonNull ViewHolder holder, int position) {//用于对RecyclerView的子项进行赋值,会在每个子项滚动到屏幕内的时候执行Fruit fruit=mFruitList.get(position);holder.fruitImage.setImageResource(fruit.getImageID());holder.fruitName.setText(fruit.getName());}@Overridepublic int getItemCount() {return mFruitList.size();}public static class ViewHolder extends RecyclerView.ViewHolder{View fruitView;            //监听相关:用来保存RecyclerView的子项最外层的实例ImageView fruitImage;TextView fruitName;public ViewHolder(@NonNull View itemView) {super(itemView);fruitView=itemView;     //监听相关:赋值fruitImage=itemView.findViewById(R.id.fruit_image);fruitName=itemView.findViewById(R.id.fruit_name);}}
}

效果图
在这里插入图片描述
在这里推荐一个强大好用的RecyclerView的监听的开源框架BaseRecyclerViewAdapterHelper:戳这里或者这里
使用方法:
在这里插入图片描述

5.资料参考

《第一行代码 第2版》------郭霖
https://blog.csdn.net/guolin_blog/article/details/52032038
想要了解更多RecyclerView:传送门


http://chatgpt.dhexx.cn/article/CD4swxrc.shtml

相关文章

RecyclerView的基本使用

RecyclerView是Android一个更强大的控件,其不仅可以实现和ListView同样的效果,还有优化了ListView中的各种不足。其可以实现数据纵向滚动,也可以实现横向滚动(ListView做不到横向滚动)。接下来讲解RecyclerView的用法。 RecyclerView 基本用法 因为RecyclerView属于新增的控件,…

RecyclerView 的使用(androidx)

文章目录 一、导包二、基本使用三、设置分割线四、自定义点击事件五、实现 GridView六、实现瀑布流七、更多效果八、RecyclerView 常见问题九、RecyclerView 和 ScrollView 嵌套的问题 一、导包 implementation androidx.recyclerview:recyclerview:1.1.0二、基本使用 2.1、首…

RecyclerView简单使用(非常详细)

星期六&#xff0c;又是撸代码的一天 作为一个初级都算不上的小白&#xff0c;一步一个脚印的学吧&#xff0c;学一个记一个 今天记录的是RecyclerView RecyclerView 简述创建布局添加 RecyclerView和每个list布局&#xff08;偏新手向&#xff0c;选择性跳过&#xff09; 创建…

androidx.recyclerview:recyclerview的使用

添加扩展 或手动修改app/build.gradle&#xff1a; 在dependencies里添加 implementation androidx.recyclerview:recyclerview:1.0.0新建布局layout item布局fruit_item.xml&#xff1a; <?xml version"1.0" encoding"utf-8"?> <LinearLayo…

Android学习之RecyclerView的使用

RecyclerView是Android 5.0推出的&#xff0c;是support-v7包中的新组件,它被用来代替ListView和GridView&#xff0c;并且能够实现瀑布流的布局&#xff0c;更加高级并且更加灵活&#xff0c;提供更为高效的回收复用机制&#xff0c;同时实现管理与视图的解耦合。 官方文档解释…

RecyclerView剖析

####简介   本文将从RecyclerView实现原理并结合源码详细分析这个强大的控件。阅读本文要求&#xff1a;1、熟悉android控件绘制&#xff0c;2、了解动画&#xff0c;3、了解Scroller.本文所示源码版本是23.2.0。 ####基本使用   RecyclerView的基本使用并不复杂&#xff…

RecyclerView的使用(一)

目录 1.RecyclerView概述 2.RecyclerView的简单使用 3.改变布局管理器&#xff0c;RecyclerView的变化 1.RecyclerView概述 在谷歌Android官网&#xff0c;给RecyclerView的描述是: 那RecyclerView凭什么要比ListView要更高级&#xff1f;更灵活&#xff1f; 答案是&#x…

RecyclerView详解

RecyclerView 简称 RV&#xff0c; 是作为 ListView 和 GridView 的加强版出现的&#xff0c;目的是在有限的屏幕之上展示大量的内容&#xff0c;因此 RecyclerView 的复用机制的实现是它的一个核心部分。 RV 常规使用方式如下&#xff1a; 解释说明。 setLayoutManager&…

RecyclerView(三)—— RecyclerView的缓存机制

RecyclerView内存优越性&#xff0c;得益于它独特的缓存机制。 1 如何复用表项 如果列表中的每个表项在移出屏幕时被销毁&#xff0c;移入时又被重新创建&#xff0c;是很消耗资源&#xff0c;所以RecyclerView引入了缓存机制。缓存是为了复用&#xff0c;复用的好处是有可能…

RecyclerView详解一,使用及缓存机制

本文大致会先讲解RecyclerView的基础知识及使用&#xff0c;最后会深入讲解一点原理。当然&#xff0c;本人知识水平有限哈&#xff0c;太深入的东西我现在还没接触到&#xff0c;还请大家包容&#xff0c;阿里嘎多~ 一、RecyclerView的历史与发展 既然讲到了RV&#xff0c;那…

Android开发—RecyclerView使用

1.RecyclerView是什么 RecyclerView 在Android中用于创建列表。 官网的解释为&#xff1a; RecyclerView 可以让您轻松高效地显示大量数据。您提供数据并定义每个列表项的外观&#xff0c;而 RecyclerView 库会根据需要动态创建元素。 当RecyclerView的列表项滚出屏幕的时候&a…

Android RecyclerView使用简述

RecyclerView使用简述 前言正文一、创建项目二、RecyclerView基本使用① item布局和适配器② 显示数据③ 添加Item点击事件④ 添加Item子控件点击事件⑤ 添加长按事件⑥ 多个子控件点击事件 三、RecyclerView ViewBinding使用① 适配器② 显示数据③ 添加控件点击和长按 四、R…

es6新特性总结及使用说明

目录 简介 新特性说明 let语法 const语法 解构赋值 模板字符串 对象简写 对象操作--深拷贝 箭头函数 小结 简介 1. ECMAScript 6.0是 JavaScript 语言的下一代标准&#xff0c; 2015 年 6 月发布。 ES6 设计目标是达到 JavaScript 语言可以用来编写复杂的大型程序&a…

ES6有哪些新特性

ES6有哪些新特性(1)变量声明:由var变为let和const; (2)模板字符串:使用反引号;在模板字符串里面支持换行,并可以在里面使用${}来包裹一个变量或表达式; (3)解构:有数组解构和对象解构;可以快速获取数组和对象的值; (4) 展开运算符:在ES6中用…来表示展开运算符,它可以将数组…

ES6 新特性知识点总结

文章目录 ES6let及const解构赋值模板字符串Symbol类型Set和Map数据结构箭头函数类 ES6 ES 的全称是 ECMAScript , 它是由 ECMA 国际标准化组织,制定的一项脚本语言的标准化规范。 ES6 实际上是一个泛指&#xff0c;泛指 ES2015 及后续的版本。 每一次标准的诞生都意味着语言的…

ES6 新特性

1 、ES6 新特性 现在使用主流的前端框架中&#xff0c;如ReactJS、Vue.js、angularjs等&#xff0c;都会使用到ES6的新特性&#xff0c;作为一名高级工程师而言&#xff0c;ES6也就成为了必修课&#xff0c;所以本套课程先以ES6的新特性开始。 1.1、了解ES6 ES6&#xff0c;…

ES6新特性总结-面试必会

文章目录 一、let和const二、Symbol三、模板字符串3.1 什么是模板字符串3.2 字符串新方法 四、解构表达式4.1 数组解构4.2 对象解构 五、Set()、map()数据结构5.1 map()是什么及写法&#xff1f;5.1.1 map()是什么及写法&#xff1f;5.1.2 map()下的内置方法&#xff1a; 5.2 S…

JavaScript ES6新特性

JavaScript ES6带来了新的语法和特性&#xff0c;使得代码更加的现代和可读。它包括许多重要功能&#xff0c;如箭头函数、模板字符串、解构赋值等等。 const 和 let const 是 ES6 中用于声明变量的新关键字。const 比 var 强大。一旦使用&#xff0c;变量就不能重新分配。换…

ES6必须知道的六大新特性

ES6 ES6新特性-let&const 使用const表示常量&#xff08;声明之后不允许改变&#xff0c;一旦声明必须初始化&#xff0c;否则会报错&#xff09; //ES6 常量 不能修改const b2;b3;//Uncaught TypeError: Assignment to constant variable.console.log(b);使用var声明的…

ES6中有哪些新特性?

ES6中的新特性(一) ECMAScript6.0&#xff08;以下简称 ES6&#xff09;是 JavaScript 语言的下一代标准&#xff0c;已经在 2015 年 6 月正式发布了。它的目标&#xff0c;是使得 JavaScript 语言可以用来编写复杂的大型应用程序&#xff0c;成为企业级开发语言。 我们来看看…