AI 助理
备案控制台
开发者社区 开发与运维 文章 正文

【Android】5.0RecyclerView列表组件

2022-08-22 291
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《 阿里云开发者社区用户服务协议》和 《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写 侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介： RecyclerView是Android推出的列表组件，例如QQ的消息列表，备忘录的条目列表等等都是可以使用RecyclerView来实现


🌲简介

使用 RecyclerView 创建动态列表  | Android 开发者  | Android Developers (google.cn)

RecyclerView是Android推出的列表组件，例如QQ的消息列表，备忘录的条目列表等等都是可以使用RecyclerView来实现

🍁创建RecyclerView

新建一个Module，取名为recyclerview

网络异常，图片无法展示
|

在xml文件下，可以看到常用的组件里就有RecyclerView组件

网络异常，图片无法展示
|

直接拖动一个RecyclerView组件到布局上并设置好约束，可以看到它布满了整个屏幕而且上面有一些小的条目

网络异常，图片无法展示
|

网络异常，图片无法展示
|

🌷创建一个Item.xml布局

我们分析一下如何使用RecyclerView，因为它是一个列表组件，那么列表里的每一项条目的布局都是类似的，只有内容有差异，比如备忘录的布局，那么我们需要为列表的条目设置一个布局，然后将这个布局复制n份，动态添加在RecyclerView中

那么我就以备忘录为例，建立RecyclerView

网络异常，图片无法展示
|

创建一个item_chat.xml的布局文件

网络异常，图片无法展示
|

新建的item_chat.xml布局文件，啥也没有，一贫如洗，而且这个布局文件的约束布局是布满整个页面的；这里需要调整一下，因为我们要在这个布局文件里创建好一个条目的布局，它是不需要这么大的，所以item_chat页面的约束布局高度需要自己灵活设置（这一点很重要），这里我设置成100dp，并在上面创建好一个备忘录条目的必要组件

网络异常，图片无法展示
|

item_chat.xml的关键代码

<?xmlversion="1.0" encoding="utf-8"?>

<androidx.constraintlayout.widget.ConstraintLayoutxmlns: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="100dp">

 

 

   <TextView

       android:id="@+id/textView"

       android:layout_width="wrap_content"

       android:layout_height="wrap_content"

       android:layout_marginStart="32dp"

       android:layout_marginTop="16dp"

       android:text="TextView"

       android:textSize="20sp"

       android:textColor="@color/black"

       app:layout_constraintStart_toStartOf="parent"

       app:layout_constraintTop_toTopOf="parent"/>

 

   <TextView

       android:id="@+id/textView2"

       android:layout_width="wrap_content"

       android:layout_height="wrap_content"

       android:text="TextView"

       app:layout_constraintBottom_toBottomOf="parent"

       app:layout_constraintStart_toStartOf="@+id/textView"

       app:layout_constraintTop_toBottomOf="@+id/textView"/>

 

   <TextView

       android:id="@+id/textView3"

       android:layout_width="wrap_content"

       android:layout_height="wrap_content"

       android:layout_marginStart="21dp"

       android:text="TextView"

       app:layout_constraintBaseline_toBaselineOf="@+id/textView2"

       app:layout_constraintStart_toEndOf="@+id/textView2"/>

</androidx.constraintlayout.widget.ConstraintLayout>

🥀创建实体类chat

因为这里我在一个条目创建了三个文本组件，分别对应便签的标题，创建时间和内容，为了实现动态添加和更新这些数据，需要创建一个实体类chat（怎么创建一个java文件这个之前有记录过，并不是创建一个Activity）

网络异常，图片无法展示
|

网络异常，图片无法展示
|

🌼创建ViewHolder类获取组件

那么在主Activity中如何获取到item布局里的组件呢？我们需要在主activity中创建一个内部类，继承RecyclerView.ViewHolder，重写其中的MyViewHolder(@NonNull View itemView)方法，其中有一个参数itemView，通过itemView我们可以获取到item_chat.xml布局里的组件，以及整个布局，不过同样要给约束布局设置好id，才能拿到它，这里我的item_chat.xml里的约束布局的id名为rootView

网络异常，图片无法展示
|

MainActivity关键代码

publicclassMainActivityextendsAppCompatActivity {

 

   @Override

   protectedvoidonCreate(BundlesavedInstanceState) {

       super.onCreate(savedInstanceState);

       setContentView(R.layout.activity_main);

   }

 

 

   /*如何获取到item里的内容？？？

    *

    * 1. 在Activity中创建一个内部类*/

   /*创建一个内部类，用于获取item_chat.xml中的组件*/

   publicclassMyViewHolderextendsRecyclerView.ViewHolder{

 

       TextViewtextView1;

       TextViewtextView2;

       TextViewtextView3;

       ConstraintLayoutconstraintLayout;

       publicMyViewHolder(@NonNullViewitemView) {

           super(itemView);

           /*并不是直接使用findViewById,而是通过调用itemView

            * 如果直接使用findViewById，默认是在MainActivity中查找*/

           textView1=itemView.findViewById(R.id.textView);

           textView2=itemView.findViewById(R.id.textView2);

           textView3=itemView.findViewById(R.id.textView3);

           constraintLayout=itemView.findViewById(R.id.rootView);

       }

   }

 

}

🌺创建Adapter类设置RecyclerView中的内容

获取到了item_chat里布局的内容，我们只需要将其复制n份，设置在RecyclerView组件中就实现了列表组件，我们需要用到Adapter类，RecyclerView.Adapter<MyViewHolder>，并且将我们刚刚创建的MyViewHolder类作为泛型传入，然后重写RecyclerView.Adapter<>里的三个方法，它们的功能分别如下图所示：

网络异常，图片无法展示
|

这里扩展学了一点RecyclerView.Adapter和RecyclerView.ViewHolder的知识

确定布局后，需要实现 Adapter 和 ViewHolder。这两个类配合使用，共同定义数据的显示方式。ViewHolder 是包含列表中各列表项的布局的 View 的封装容器。Adapter 会根据需要创建 ViewHolder 对象，还会为这些视图设置数据。将视图与其数据相关联的过程称为“绑定”。

定义 Adapter 时，需要替换三个关键方法：

  • onCreateViewHolder()：每当 RecyclerView 需要创建新的 ViewHolder 时，它都会调用此方法。此方法会创建并初始化 ViewHolder 及其关联的 View，但不会填充视图的内容，因为 ViewHolder 此时尚未绑定到具体数据。
  • onBindViewHolder()：RecyclerView 调用此方法将 ViewHolder 与数据相关联。此方法会提取适当的数据，并使用该数据填充 ViewHolder 的布局。例如，如果 RecyclerView 显示的是一个名称列表，该方法可能会在列表中查找适当的名称，并填充 ViewHolder 的 TextView widget。
  • getItemCount()：RecyclerView 调用此方法来获取数据集的大小。例如，在通讯簿应用中，这可能是地址总数。RecyclerView 使用此方法来确定什么时候没有更多的列表项可以显示。

MyAdapter类中关键代码

/*泛型的使用，负责将布局文件复制n次*/

   publicclassMyAdapterextendsRecyclerView.Adapter<MyViewHolder>{

 

       /*加载并返回布局文件   java->xml*/

       @NonNull

       @Override

       publicMyViewHolderonCreateViewHolder(@NonNullViewGroupparent, intviewType) {

           Viewview=LayoutInflater.from(MainActivity.this).inflate(R.layout.item_chat,parent,false);

           MyViewHoldermyViewHolder=newMyViewHolder(view);

           returnmyViewHolder;

       }

       /*填充，修改布局里的控件内容*/

       /*1.可以将数据提前填充到一个数组中

        * 2.通过数组的下标获取到值，填充到控件中*/

       @Override

       publicvoidonBindViewHolder(@NonNullMyViewHolderholder, intposition) {

 

           chatchat=chatList.get(position);

 

           holder.textView1.setText(chat.title);

           holder.textView2.setText(chat.time);

           holder.textView3.setText(chat.content);

       }

       /*将布局复制的次数，返回值为item显示的数量*/

       @Override

       publicintgetItemCount() {

           returnchatList.size();

       }

   }

 

🌳在MainActivity中添加逻辑代码(java完整代码)

publicclassMainActivityextendsAppCompatActivity {

 

   List<chat>chatList=newArrayList<chat>();

   RecyclerViewrecyclerView;

   MyAdaptermyAdapter;

 

   @Override

   protectedvoidonCreate(BundlesavedInstanceState) {

       super.onCreate(savedInstanceState);

       setContentView(R.layout.activity_main);

 

       //获取recyclerView

       //这里要通过id获取到activity_main.xml布局文件里的RecyclerView组件

       //前面的笔记里没设置，需要去xml文件里给RecyclerView组件添加一个id属性

       recyclerView=findViewById(R.id.recyclerView);

       //填充一些数据

       for(inti=0;i<10;++i){

           chatchats=newchat();

           chats.title="便签"+i;

           chats.time="12:"+(10+i);

           chats.content="开心的第"+i+"天";

           chatList.add(chats);

       }

 

       myAdapter=newMyAdapter();

       //填充布局文件

       recyclerView.setAdapter(myAdapter);

       /*设置布局文件的显示方式*/

       recyclerView.setLayoutManager(newLinearLayoutManager(this));

   }

 

   /*泛型的使用，负责将布局文件复制n次*/

   publicclassMyAdapterextendsRecyclerView.Adapter<MyViewHolder>{

 

       /*加载并返回布局文件   java->xml*/

       @NonNull

       @Override

       publicMyViewHolderonCreateViewHolder(@NonNullViewGroupparent, intviewType) {

           Viewview=LayoutInflater.from(MainActivity.this).inflate(R.layout.item_chat,parent,false);

           MyViewHoldermyViewHolder=newMyViewHolder(view);

           returnmyViewHolder;

       }

       /*填充，修改布局里的控件内容*/

       /*1.可以将数据提前填充到一个数组中

        * 2.通过数组的下标获取到值，填充到控件中*/

       @Override

       publicvoidonBindViewHolder(@NonNullMyViewHolderholder, intposition) {

 

           chatchat=chatList.get(position);

 

           holder.textView1.setText(chat.title);

           holder.textView2.setText(chat.time);

           holder.textView3.setText(chat.content);

       }

       /*将布局复制的次数，返回值为item显示的数量*/

       @Override

       publicintgetItemCount() {

           returnchatList.size();

       }

   }

 

 

   /*如何获取到item里的内容？？？

    *

    * 1. 在Activity中创建一个内部类*/

   /*创建一个内部类，用于获取item_chat.xml中的组件*/

   publicclassMyViewHolderextendsRecyclerView.ViewHolder{

 

       TextViewtextView1;

       TextViewtextView2;

       TextViewtextView3;

       ConstraintLayoutconstraintLayout;

       publicMyViewHolder(@NonNullViewitemView) {

           super(itemView);

           /*并不是直接使用findViewById,而是通过调用itemView

            * 如果直接使用findViewById，默认是在MainActivity中查找*/

           textView1=itemView.findViewById(R.id.textView);

           textView2=itemView.findViewById(R.id.textView2);

           textView3=itemView.findViewById(R.id.textView3);

           constraintLayout=itemView.findViewById(R.id.rootView);

       }

   }

 

}

网络异常，图片无法展示
|

🌿给列表组件添加响应

实现了基本的界面，需要点击进去查看便签内容啊，如何实现RecyclerView中的item的事件监听呢？

创建一个新的Activity，在它的布局中添加一个文本组件以示区分

网络异常，图片无法展示
|

回到主Activity中，事件监听在onBindViewHolder()中实现

网络异常，图片无法展示
|

文章标签：
Java
Android开发
容器
数据格式
开发者
XML
关键词：
Android组件
Android RecyclerView
Android列表
Android recyclerview组件
starry陆离
目录
相关文章
游客qf4jmczx4xu2y
|
3天前
|
搜索推荐 Android开发 开发者
探索安卓开发中的自定义视图：打造个性化UI组件
【10月更文挑战第39天】在安卓开发的世界中，自定义视图是实现独特界面设计的关键。本文将引导你理解自定义视图的概念、创建流程，以及如何通过它们增强应用的用户体验。我们将从基础出发，逐步深入，最终让你能够自信地设计和实现专属的UI组件。
游客qf4jmczx4xu2y
11 4
游客moiomvrp3vyac2
|
1月前
|
存储 Android开发 开发者
深入理解安卓应用开发的核心组件
【10月更文挑战第8天】探索Android应用开发的精髓，本文带你了解安卓核心组件的奥秘，包括Activity、Service、BroadcastReceiver和ContentProvider。我们将通过代码示例，揭示这些组件如何协同工作，构建出功能强大且响应迅速的应用程序。无论你是初学者还是资深开发者，这篇文章都将为你提供新的视角和深度知识。
游客moiomvrp3vyac2
73 0
shuj
|
1月前
|
数据可视化 Android开发 开发者
安卓应用开发中的自定义View组件
【10月更文挑战第5天】在安卓应用开发中，自定义View组件是提升用户交互体验的利器。本篇将深入探讨如何从零开始创建自定义View，包括设计理念、实现步骤以及性能优化技巧，帮助开发者打造流畅且富有创意的用户界面。
shuj
74 0
游客moiomvrp3vyac2
|
1月前
|
XML 前端开发 Java
安卓应用开发中的自定义View组件
【10月更文挑战第5天】自定义View是安卓应用开发的一块基石，它为开发者提供了无限的可能。通过掌握其原理和实现方法，可以创造出既美观又实用的用户界面。本文将引导你了解自定义View的创建过程，包括绘制技巧、事件处理以及性能优化等关键步骤。
游客moiomvrp3vyac2
26 1
131王
|
1月前
|
测试技术 数据库 Android开发
深入解析Android架构组件——Jetpack的使用与实践
本文旨在探讨谷歌推出的Android架构组件——Jetpack，在现代Android开发中的应用。Jetpack作为一系列库和工具的集合，旨在帮助开发者更轻松地编写出健壮、可维护且性能优异的应用。通过详细解析各个组件如Lifecycle、ViewModel、LiveData等，我们将了解其原理和使用场景，并结合实例展示如何在实际项目中应用这些组件，提升开发效率和应用质量。
131王
44 6
Ant.Dream
|
2月前
|
Android开发 开发者 索引
Android实战经验之如何使用DiffUtil提升RecyclerView的刷新性能
本文介绍如何使用 `DiffUtil` 实现 `RecyclerView` 数据集的高效更新，避免不必要的全局刷新，尤其适用于处理大量数据场景。通过定义 `DiffUtil.Callback`、计算差异并应用到适配器，可以显著提升性能。同时，文章还列举了常见错误及原因，帮助开发者避免陷阱。
Ant.Dream
173 9
131王
|
2月前
|
存储 开发框架 数据可视化
深入解析Android应用开发中的四大核心组件
本文将探讨Android开发中的四大核心组件——Activity、Service、BroadcastReceiver和ContentProvider。我们将深入了解每个组件的定义、作用、使用方法及它们之间的交互方式，以帮助开发者更好地理解和应用这些组件，提升Android应用开发的能力和效率。
131王
169 5
Ant.Dream
|
2月前
|
存储 缓存 Android开发
Android RecyclerView 缓存机制深度解析与面试题
本文首发于公众号“AntDream”，详细解析了 `RecyclerView` 的缓存机制，包括多级缓存的原理与流程，并提供了常见面试题及答案。通过本文，你将深入了解 `RecyclerView` 的高性能秘诀，提升列表和网格的开发技能。
Ant.Dream
66 8
请看我回答~
|
2月前
|
缓存 搜索推荐 Android开发
安卓应用开发中的自定义View组件实践
【9月更文挑战第10天】在安卓开发领域，自定义View是提升用户体验和实现界面个性化的重要手段。本文将通过一个实际案例，展示如何在安卓项目中创建和使用自定义View组件，包括设计思路、实现步骤以及可能遇到的问题和解决方案。文章不仅提供了代码示例，还深入探讨了自定义View的性能优化技巧，旨在帮助开发者更好地掌握这一技能。
请看我回答~
63 7
请看我回答~
|
3月前
|
存储 搜索推荐 Java
探索安卓开发中的自定义视图：打造个性化UI组件Java中的异常处理：从基础到高级
【8月更文挑战第29天】在安卓应用的海洋中，一个独特的用户界面(UI)能让应用脱颖而出。自定义视图是实现这一目标的强大工具。本文将通过一个简单的自定义计数器视图示例，展示如何从零开始创建一个具有独特风格和功能的安卓UI组件，并讨论在此过程中涉及的设计原则、性能优化和兼容性问题。准备好让你的应用与众不同了吗？让我们开始吧！
请看我回答~
51 7

热门文章

最新文章

  • 1
    Android 11 中的存储机制更新
  • 2
    《Android游戏开发详解》——第1章，第1.1节什么是编程
  • 3
    android处理拍照旋转问题及带来的对内存占用
  • 4
    Android 中ViewPager嵌套RecyclerView出现滑动冲突的解决方案
  • 5
    Android——Fragment介绍
  • 6
    Android Ap 开发 设计模式第五篇：单件模式
  • 7
    android使用Activity
  • 8
    Android Sqlite数据库版本升级管理初探
  • 9
    Android开发1——查找所需要出示权限的内容
  • 10
    实现一个用于显示当前时间的Google Android 窗口小部件（AppWidget）
  • 1
    kotlin开发安卓app，如何让布局自适应系统传统导航和全面屏导航
    127
  • 2
    kotlin开发安卓app，使用webivew 触发 onShowFileChooser， 但只能触发一次，第二次无法触发，是怎么回事。 如何解决
    349
  • 3
    Android面试题之View的invalidate方法和postInvalidate方法有什么区别
    57
  • 4
    Android深入Binder拦截问题分析
    59
  • 5
    安卓与iOS开发环境对比：选择适合你的平台
    45
  • 6
    安卓与iOS开发环境对比：选择合适的平台
    45
  • 7
    使用kotlin Jetpack Compose框架开发安卓app， webview中h5如何访问手机存储上传文件
    157
  • 8
    探索安卓应用开发的未来趋势
    45
  • 9
    安卓与iOS开发环境对比分析
    50
  • 10
    Android studio 安装以及第一个程序
    126

    • 相关课程

    更多
  • 开源Android容器化框架Atlas开发者指南

    • 相关电子书

    更多
  • 58同城Android客户端Walle框架演进与实践之路
  • Android组件化实现
  • 蚂蚁聚宝Android秒级编译——Freeline

    • 推荐镜像

    更多
  • android.googlesource.com
    • 下一篇
    阿里云OSS设置跨域访问