优雅地实现RecycleView的点击、拖动、和侧滑删除

2024-08-22 15:08

本文主要是介绍优雅地实现RecycleView的点击、拖动、和侧滑删除,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

优雅地实现RecycleView的点击、拖动、和侧滑删除

自从发布了RecycleView之后,可以很方便的实现列表数据展示,同时只需要指定LayoutManager就可以实现列表、瀑布流、表格布局的无缝切换。RecycleView的所有东西都很美好,但是它没有提供像ListView那样的单击item的接口,都是通过对ViewHolder实现OnclickListener来实现单击事件。这里发现了一种更加优雅的方式,其本质是通过itemonTouchEvent事件来实现的。

点击事件

RecycleView 提供了一个接口叫做addOnItemTouchListener用来为每个item添加触摸事件,实现思路通过触摸手势监听,然后通过触摸坐标判断是哪个item

实现起来很简单:

1、定义一个OnItemClickListener继承自RecycleView.OnItemTouchListener,里面持有一个RecycleView和一个GestureDetectorCompat

public abstract class OnItemClickListener implements RecyclerView.OnItemTouchListener {private GestureDetectorCompat mGestureDetector;private RecyclerView recyclerView;public RecycleItemClickListener(RecyclerView view) {this.recyclerView = view;mGestureDetector = new GestureDetectorCompat(recyclerView.getContext(), ItemTouchHelperGestureListener());}

然后OnItemTouchListener有几个方法需要我们实现。onInterceptTouchEventonTouchEventonRequestDisallowInterceptTouchEvent

我们只需要在onInterceptTouchEventonTouchEvent中把事件交给mGestureDetector处理即可。

  @Overridepublic boolean onInterceptTouchEvent(RecyclerView rv, MotionEvent e) {mGestureDetector.onTouchEvent(e);return false;}@Overridepublic void onTouchEvent(RecyclerView rv, MotionEvent e) {mGestureDetector.onTouchEvent(e);}

mGestureDetector捕捉到的事件都会交给ItemTouchHelperGestureListener来处理:

 class ItemTouchHelperGestureListener extends GestureDetector.SimpleOnGestureListener {@Overridepublic boolean onSingleTapUp(MotionEvent e) {View child = recyclerView.findChildViewUnder(e.getX(), e.getY());if (child != null) {int position = recyclerView.indexOfChild(child);onItemClick(recyclerView.getChildViewHolder(child), position);}return true;}@Overridepublic void onLongPress(MotionEvent e) {View child = recyclerView.findChildViewUnder(e.getX(), e.getY());if (child != null) {int position = recyclerView.indexOfChild(child);RecycleItemClickListener.this.onLongPress(recyclerView.getChildViewHolder(child), position);}}}

其中onItemClickonLongPressOnItemClickListener提供给外部调用的回调。其声明如下:

    public abstract void onItemClick(RecyclerView.ViewHolder holder, int position);public void onLongPress(RecyclerView.ViewHolder holder, int position) {}

onLongPress在需要的时候可以重写。

RecycleView使用时是这样的:

   recyclerView.addOnItemTouchListener(new RecycleItemClickListener(recyclerView) {@Overridepublic void onItemClick(RecyclerView.ViewHolder holder, int position) {Toast.makeText(SampleRecycleViewActivity.this, "点击了:" + position, Toast.LENGTH_SHORT).show();}@Overridepublic void onLongPress(RecyclerView.ViewHolder holder, int position) {}});

这样就实现了RecycleViewonItemClickListener了。

拖拽移动item

拖拽item的实现需要用到ItemTouchHelper这个接口,这个接口是SDK提供的用于处理拖拽、侧滑删除等功能的。

使用这个东西的步骤非常简单:

  1. 实例化一个ItemTouchHelper
  2. 关联RecycleView
    itemTouchHelper = new ItemTouchHelper(new ItemTouchHelper.Callback());itemTouchHelper.attachToRecyclerView(recyclerView);

就是这么简单。ItemTouchHelper的构造方法需要一个CallBack对象,这个CallBack对象,需要实现几个方法:getMovementFlagsonMoveonSwiped

其中getMovementFlags的实现如下:

            //设置移动方式@Overridepublic int getMovementFlags(RecyclerView recyclerView, RecyclerView.ViewHolder viewHolder) {final int dragFlags;final int swipeFlags;if (recyclerView.getLayoutManager() instanceof GridLayoutManager) {dragFlags = ItemTouchHelper.UP | ItemTouchHelper.DOWN | ItemTouchHelper.LEFT | ItemTouchHelper.RIGHT;swipeFlags = 0;} else {dragFlags = ItemTouchHelper.UP | ItemTouchHelper.DOWN;swipeFlags = ItemTouchHelper.START | ItemTouchHelper.END;}return makeMovementFlags(dragFlags, swipeFlags);}

上面代码中,dragFlags是用于拖拽的标志,swipeFlags是滑动标记。上面代码意思是如果是网格布局,拖动方向为上下左右,否则只有上下方向。swipeFlags是用于左右滑动的标志,这里暂且不说。

在设置了dragFlags的时候,就会在长按item的时候进入拖动模式,然后就会一直回调onMove函数。我们可以在onMove中进行数据集的更新:

            //移动过程中调用@Overridepublic boolean onMove(RecyclerView recyclerView, RecyclerView.ViewHolder viewHolder, RecyclerView.ViewHolder target) {int fromPosition = viewHolder.getAdapterPosition();int toPosition = target.getAdapterPosition();data.add(toPosition, data.remove(fromPosition));adapter.notifyItemMoved(fromPosition, toPosition);return false;}

如果需要在拖拽过程中进行高亮背景切换,可以重写onSelectedChangedclearView方法。

            //当长按的时候调用@Overridepublic void onSelectedChanged(RecyclerView.ViewHolder viewHolder, int actionState) {if (actionState != ItemTouchHelper.ACTION_STATE_IDLE) {viewHolder.itemView.setBackgroundColor(Color.LTGRAY);}super.onSelectedChanged(viewHolder, actionState);}//当手指松开的时候调用@Overridepublic void clearView(RecyclerView recyclerView, RecyclerView.ViewHolder viewHolder) {super.clearView(recyclerView, viewHolder);viewHolder.itemView.setBackgroundResource(0);}

如果有需要对某些特定item不能拖动的话,可以重写isLongPressDragEnabled返回false,设置默认不可拖动。然后在前面实现的OnItemClickListeneronLongPress中对需要拖拽的item使用itemTouchHelper.startDrag(holder);就可以拖动了

滑动删除

首先设置标志位:

            //设置移动方式@Overridepublic int getMovementFlags(RecyclerView recyclerView, RecyclerView.ViewHolder viewHolder) {final int dragFlags;final int swipeFlags;if (recyclerView.getLayoutManager() instanceof GridLayoutManager) {dragFlags = ItemTouchHelper.UP | ItemTouchHelper.DOWN | ItemTouchHelper.LEFT | ItemTouchHelper.RIGHT;swipeFlags = 0;} else {dragFlags = ItemTouchHelper.UP | ItemTouchHelper.DOWN;swipeFlags = ItemTouchHelper.START | ItemTouchHelper.END;}return makeMovementFlags(dragFlags, swipeFlags);}

STARTEND的标志位是指可以左右滑动。

其次在onSwipe方法中进行数据集更新就可以了:

            //侧滑过程中调用@Overridepublic void onSwiped(RecyclerView.ViewHolder viewHolder, int direction) {int position = viewHolder.getAdapterPosition();adapter.notifyItemRemoved(position);data.remove(position);}

整体效果如下:

ezgif.com-video-to-gif.gif

这篇关于优雅地实现RecycleView的点击、拖动、和侧滑删除的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/1096620

相关文章

SpringBoot+RustFS 实现文件切片极速上传的实例代码

《SpringBoot+RustFS实现文件切片极速上传的实例代码》本文介绍利用SpringBoot和RustFS构建高性能文件切片上传系统,实现大文件秒传、断点续传和分片上传等功能,具有一定的参考... 目录一、为什么选择 RustFS + SpringBoot?二、环境准备与部署2.1 安装 RustF

Nginx部署HTTP/3的实现步骤

《Nginx部署HTTP/3的实现步骤》本文介绍了在Nginx中部署HTTP/3的详细步骤,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学... 目录前提条件第一步:安装必要的依赖库第二步:获取并构建 BoringSSL第三步:获取 Nginx

MyBatis Plus实现时间字段自动填充的完整方案

《MyBatisPlus实现时间字段自动填充的完整方案》在日常开发中,我们经常需要记录数据的创建时间和更新时间,传统的做法是在每次插入或更新操作时手动设置这些时间字段,这种方式不仅繁琐,还容易遗漏,... 目录前言解决目标技术栈实现步骤1. 实体类注解配置2. 创建元数据处理器3. 服务层代码优化填充机制详

Python实现Excel批量样式修改器(附完整代码)

《Python实现Excel批量样式修改器(附完整代码)》这篇文章主要为大家详细介绍了如何使用Python实现一个Excel批量样式修改器,文中的示例代码讲解详细,感兴趣的小伙伴可以跟随小编一起学习一... 目录前言功能特性核心功能界面特性系统要求安装说明使用指南基本操作流程高级功能技术实现核心技术栈关键函

Java实现字节字符转bcd编码

《Java实现字节字符转bcd编码》BCD是一种将十进制数字编码为二进制的表示方式,常用于数字显示和存储,本文将介绍如何在Java中实现字节字符转BCD码的过程,需要的小伙伴可以了解下... 目录前言BCD码是什么Java实现字节转bcd编码方法补充总结前言BCD码(Binary-Coded Decima

SpringBoot全局域名替换的实现

《SpringBoot全局域名替换的实现》本文主要介绍了SpringBoot全局域名替换的实现,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一... 目录 项目结构⚙️ 配置文件application.yml️ 配置类AppProperties.Ja

Python实现批量CSV转Excel的高性能处理方案

《Python实现批量CSV转Excel的高性能处理方案》在日常办公中,我们经常需要将CSV格式的数据转换为Excel文件,本文将介绍一个基于Python的高性能解决方案,感兴趣的小伙伴可以跟随小编一... 目录一、场景需求二、技术方案三、核心代码四、批量处理方案五、性能优化六、使用示例完整代码七、小结一、

Java实现将HTML文件与字符串转换为图片

《Java实现将HTML文件与字符串转换为图片》在Java开发中,我们经常会遇到将HTML内容转换为图片的需求,本文小编就来和大家详细讲讲如何使用FreeSpire.DocforJava库来实现这一功... 目录前言核心实现:html 转图片完整代码场景 1:转换本地 HTML 文件为图片场景 2:转换 H

C#使用Spire.Doc for .NET实现HTML转Word的高效方案

《C#使用Spire.Docfor.NET实现HTML转Word的高效方案》在Web开发中,HTML内容的生成与处理是高频需求,然而,当用户需要将HTML页面或动态生成的HTML字符串转换为Wor... 目录引言一、html转Word的典型场景与挑战二、用 Spire.Doc 实现 HTML 转 Word1

C#实现一键批量合并PDF文档

《C#实现一键批量合并PDF文档》这篇文章主要为大家详细介绍了如何使用C#实现一键批量合并PDF文档功能,文中的示例代码简洁易懂,感兴趣的小伙伴可以跟随小编一起学习一下... 目录前言效果展示功能实现1、添加文件2、文件分组(书签)3、定义页码范围4、自定义显示5、定义页面尺寸6、PDF批量合并7、其他方法