热门标签 | HotTags
当前位置:  开发笔记 > Android > 正文

RecyclerView使用详解(代替ListView)

这篇文章主要为大家详细介绍了RecyclerView使用的相关资料,具有一定的参考价值,感兴趣的小伙伴们可以参考一下

老规矩,先看效果;

Recycler是android5.0版本中新添加的一个view;
使用之前必须添加依赖库:

dependencies { 
 compile 'com.android.support:recyclerview-v7:23.0.+' 
} 

这里我就不再过多的介绍RecyclerView,既然大家在找使用RecyclerView的demo想必大家都了解过了,如果不了解网上随便打开一篇RecyclerView的文章应该都有,已经烂大街,在此就不过多的重复了;

今天写的demo主要是利用RecyclerView代替普通的listview和横向的listview;
个人感觉要想更深入的使用RecyclerView,必须要从最基础的功能开始实现;今天我们就实现最简单的五点功能:
功能点:为RecyclerView添加点击事件,添加头布局和脚布局,添加下拉刷新和上拉加载更多;

好了首先说下如何用RecyclerView代替横向的listview:
RecyclerView的使用个人感觉其实比较简单,但是网上很多demo介绍的感觉有点复杂,在本文中RecyclerView的基本使用只需两步:

第一:设置布局管理器

第二:设置adapter

//添加布局管理器,Orientation默认是纵向的,所以我们在此需要手动指定一下 
LinearLayoutManager layoutManager = new LinearLayoutManager(context); 
layoutManager.setOrientation(OrientationHelper.HORIZONTAL); 
recyclerView.setLayoutManager(layoutManager); 
 
//设置recyclerView标记,如果确定内容的高度都一致,设置为true,提高内容渲染效率;(如果高度不确定系统要自己适配高度) 
recyclerView.setHasFixedSize(true); 
 
//设置adapter 
HRecyclerViewAdapter adapter = new HRecyclerViewAdapter(context, images); 
recyclerView.setAdapter(adapter); 

RecyclerVIew提供了三种内置的布局管理器:
LinearLayoutManager:线性布局,横向或者纵向滑动列表
GridLayoutManager:表格布局
StaggeredGridLayoutManager:流式布局
我们今天只使用第一种,先了解最实用,最基础的,后期会更新

RecyclerView默认是没有分割线的,网上很多demo为了给RecyclerView添加分割线使用了系统提供的类;
个人感觉完全没必要,甚至感觉多次一举,个人感觉完全可以给RecyclerView和item设置背景实现分割线或者在item布局中添加view布局实现;

首先了解下RecyclerView的adapter:

和listview的adapter有所不同,在这里需要继承RecyclerView.Adapter,需要实现三个方法:
onCreateViewHolder()
onBindViewHolder()
getItemCount()

详情看代码:

public class HRecyclerViewAdapter extends RecyclerView.Adapter{ 
 
 private Context context; 
 private int[] images; 
 private OnItemClickListener onItemClickListener; 
 
 public HRecyclerViewAdapter(Context context, int[] images) { 
 this.cOntext=context; 
 this.images=images; 
 } 
 
 //重写onCreateViewHolder方法,返回一个自定义的ViewHolder(当RecyclerView需要一个ViewHolder时会回调该方法,如果有可复用的View不会回调) 
 public MyViewHolder onCreateViewHolder(ViewGroup parent, int viewType) { 
 View view = LayoutInflater.from(context).inflate(R.layout.item_hrecycler, parent, false); 
 MyViewHolder myViewHolder = new MyViewHolder(view); 
 return myViewHolder; 
 } 
 
 
 //填充onCreateViewHolder方法返回的holder中的控件(当一个View需要出现在屏幕上时,该方法会被回调,我们需要再该方法中根据数据来更改视图) 
 public void onBindViewHolder(final MyViewHolder holder, int position) { 
 holder.iv.setBackgroundResource(images[position]); 
 if(onItemClickListener!=null){ 
 holder.itemView.setOnClickListener(new View.OnClickListener() { 
 @Override 
 public void onClick(View v) { 
  int index = holder.getLayoutPosition(); 
  //自定义监听第三步 
  onItemClickListener.onItemClick(index); 
 } 
 }); 
 } 
 } 
 
 //获取数据的数量(告诉RecyclerView有多少个视图需要显示) 
 public int getItemCount() { 
 return images.length; 
 } 
 
 //自定义的ViewHolder,持有每个Item的的所有界面元素 
 public class MyViewHolder extends RecyclerView.ViewHolder{ 
 
 public ImageView iv; 
 
 public MyViewHolder(View itemView) { 
 super(itemView); 
 iv= (ImageView) itemView.findViewById(R.id.imageview); 
 } 
 } 
 
 //自定义监听第二步 
 public void setOnItemClickListener(OnItemClickListener onItemClickListener){ 
 this.OnItemClickListener=onItemClickListener; 
 } 
 
 //自定义监听第一步 
 public interface OnItemClickListener{ 
 void onItemClick(int position); 
 } 
 
} 

从代码中大家可以了解到RecyclerView的adpater其实只需要实现三个方法,但是我这个adapter中却多出来几个方法,RecyclerView本身是没有条目点击事件的,所以多出来的几个方法是变相的给RecyclerView设置设置条目点击事件的,实际上是使用自定义监听给adapter设置了点击事件;
自定义监听就不再过多介绍了,以前写的博客中有专门介绍自定义监听的,不了解的朋友可以了解一下SwipeRefreshLayout实现ListView下拉刷新上拉加载

给RecyclerView设置adapter之后就可以使用了:

adapter.setOnItemClickListener(new HRecyclerViewAdapter.OnItemClickListener() { 
 @Override 
 public void onItemClick(int position) { 
 ToastUtils.showStaticToast(context,"当前点击的是第"+(position+1)+"张图片"); 
 } 
 }); 

好了接下来了解下RecyclerView代替纵向listview:
分割线和上面一样,在item中添加view实现分割线,点击事件同样是添加自定义监听;
RecyclerView默认是没办法添加头布局和脚布局的,上面横向的没有使用这一块,但是纵向的在真实项目中就极有可能使用到这个功能点了,在网上看了好多大神们写的添加头布局和脚布局的方法,感觉真的是大神,写的真的很复杂,所以都没有使用,最后在git上找到一个自定义的RecyclerView直接继承系统的RecyclerView,除了添加了两个方法,其他的用法不变,感觉挺实用的,在此就不复制这个类了,源码中都有(MyRecyclerView),使用的话直接复制到项目中即可;
添加头布局和脚布局的方法也极为简单,和listview一样:

//添加头布局(必须在设置完布局管理器再添加头布局和脚布局) 
 View headerView = View.inflate(this, R.layout.headerview, null); 
 myRecyclerView.addHeaderView(headerView); 
 //添加脚布局 
 View footView = View.inflate(context, R.layout.footview, null); 
 myRecyclerView.addFooterView(footView); 

下拉刷新直接使用的是系统自带的SwipeRefreshLayout,这个在以前的博客中也有介绍,在此就不再重复了,不了解的朋友可以了解一下
Android自定义ScrollView使用自定义监听

好了,剩下最后一个功能点,上拉加载更多:
直接给RecyclerView添加活动监听和添加脚布局实现,首先得到当前页面显示的条目个数,adapter一共多少个条目,和当前布局遮挡页面个数
先求出用页面实现个数+被页面遮挡条目个数的和,然后拿这个和和adapter总条目个数做比较,当等于或者大于adapter条目个数的时候直接加载数据:

//添加滑动监听 
 myRecyclerView.addOnScrollListener(new RecyclerView.OnScrollListener() { 
 @Override 
 //当RecyclerView的滑动状态改变时触发 
 public void onScrollStateChanged(RecyclerView recyclerView, int newState) { 
 super.onScrollStateChanged(recyclerView, newState); 
 } 
 
 @Override 
 //当RecyclerView滑动时触发(类似点击事件的MotionEvent.ACTION_MOVE) 
 public void onScrolled(RecyclerView recyclerView, int dx, int dy) { 
 super.onScrolled(recyclerView, dx, dy); 
 
 int visible = layoutManager.getChildCount();//当天页面显示的条目个数 
 int total = layoutManager.getItemCount();//当前一共多少个条目 
 int past= layoutManager.findFirstCompletelyVisibleItemPosition();//布局上面被当住多少个条目 
 
 //当活动到最后一个条目时加载更多数据 
 if ((visible + past) >= total){ 
   //发送handler加载数据 
  handler.sendEmptyMessageDelayed(1,1000); 
  
 } 
 
 } 
 }); 

好了,以上功能点已经全部实现,如果大家有更简单的方法实现以上功能点,欢迎告知,感谢;

点击打开链接免费下载源码

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。


推荐阅读
  • RecyclerView初步学习(一)
    RecyclerView初步学习(一)ReCyclerView提供了一种插件式的编程模式,除了提供ViewHolder缓存模式,还可以自定义动画,分割符,布局样式,相比于传统的ListVi ... [详细]
  • Android LED 数字字体的应用与实现
    本文介绍了一种适用于 Android 应用的 LED 数字字体(digital font),并详细描述了其在 UI 设计中的应用场景及其实现方法。这种字体常用于视频、广告倒计时等场景,能够增强视觉效果。 ... [详细]
  • Vue 2 中解决页面刷新和按钮跳转导致导航栏样式失效的问题
    本文介绍了如何通过配置路由的 meta 字段,确保 Vue 2 项目中的导航栏在页面刷新或内部按钮跳转时,始终保持正确的 active 样式。具体实现方法包括设置路由的 meta 属性,并在 HTML 模板中动态绑定类名。 ... [详细]
  • 资源推荐 | TensorFlow官方中文教程助力英语非母语者学习
    来源:机器之心。本文详细介绍了TensorFlow官方提供的中文版教程和指南,帮助开发者更好地理解和应用这一强大的开源机器学习平台。 ... [详细]
  • PHP 5.2.5 安装与配置指南
    本文详细介绍了 PHP 5.2.5 的安装和配置步骤,帮助开发者解决常见的环境配置问题,特别是上传图片时遇到的错误。通过本教程,您可以顺利搭建并优化 PHP 运行环境。 ... [详细]
  • 构建基于BERT的中文NL2SQL模型:一个简明的基准
    本文探讨了将自然语言转换为SQL语句(NL2SQL)的任务,这是人工智能领域中一项非常实用的研究方向。文章介绍了笔者在公司举办的首届中文NL2SQL挑战赛中的实践,该比赛提供了金融和通用领域的表格数据,并标注了对应的自然语言与SQL语句对,旨在训练准确的NL2SQL模型。 ... [详细]
  • 本文介绍了如何使用JQuery实现省市二级联动和表单验证。首先,通过change事件监听用户选择的省份,并动态加载对应的城市列表。其次,详细讲解了使用Validation插件进行表单验证的方法,包括内置规则、自定义规则及实时验证功能。 ... [详细]
  • 数据库内核开发入门 | 搭建研发环境的初步指南
    本课程将带你从零开始,逐步掌握数据库内核开发的基础知识和实践技能,重点介绍如何搭建OceanBase的开发环境。 ... [详细]
  • 本文详细介绍了如何使用 Yii2 的 GridView 组件在列表页面实现数据的直接编辑功能。通过具体的代码示例和步骤,帮助开发者快速掌握这一实用技巧。 ... [详细]
  • 本文详细介绍了Java中org.eclipse.ui.forms.widgets.ExpandableComposite类的addExpansionListener()方法,并提供了多个实际代码示例,帮助开发者更好地理解和使用该方法。这些示例来源于多个知名开源项目,具有很高的参考价值。 ... [详细]
  • 本文介绍如何使用 Sortable.js 库实现元素的拖拽和位置交换功能。Sortable.js 是一个轻量级、无依赖的 JavaScript 库,支持拖拽排序、动画效果和多种插件扩展。通过简单的配置和事件处理,可以轻松实现复杂的功能。 ... [详细]
  • 探讨一个显示数字的故障计算器,它支持两种操作:将当前数字乘以2或减去1。本文将详细介绍如何用最少的操作次数将初始值X转换为目标值Y。 ... [详细]
  • 本文详细介绍了Java编程语言中的核心概念和常见面试问题,包括集合类、数据结构、线程处理、Java虚拟机(JVM)、HTTP协议以及Git操作等方面的内容。通过深入分析每个主题,帮助读者更好地理解Java的关键特性和最佳实践。 ... [详细]
  • 扫描线三巨头 hdu1928hdu 1255  hdu 1542 [POJ 1151]
    学习链接:http:blog.csdn.netlwt36articledetails48908031学习扫描线主要学习的是一种扫描的思想,后期可以求解很 ... [详细]
  • 本文详细介绍了如何在 Spring Boot 应用中通过 @PropertySource 注解读取非默认配置文件,包括配置文件的创建、映射类的设计以及确保 Spring 容器能够正确加载这些配置的方法。 ... [详细]
author-avatar
郝蕾雅老_206
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有