【Android】实现Recyclerview的Item可以左右侧滑动的效果

2024-06-14 19:12

本文主要是介绍【Android】实现Recyclerview的Item可以左右侧滑动的效果,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

项目需要

使用Recyclerview进行列表的数据加载的时候,需要对这个Item进行左右滑动进行操作的功能,
比如这样
在这里插入图片描述
在这里插入图片描述

需求实现

上面图来源于
https://github.com/anzaizai/EasySwipeMenuLayout
这是一个可以用来进行列表左滑、右滑的项目,可以集成到自己的项目中

compile 'com.github.anzaizai:EasySwipeMenuLayout:1.1.4'

推荐搭配Brvah框架使用

api 'com.github.CymChad:BaseRecyclerViewAdapterHelper:2.9.49'

使用方式业非常简单
例如

        <com.guanaj.easyswipemenulibrary.EasySwipeMenuLayoutandroid:layout_width="match_parent"android:layout_height="wrap_content"app:contentView="@+id/content"app:leftMenuView="@+id/left"app:rightMenuView="@+id/right"><LinearLayoutandroid:id="@+id/left"android:layout_width="100dp"android:layout_height="wrap_content"android:background="@android:color/holo_blue_dark"android:orientation="horizontal"android:padding="20dp"><TextViewandroid:layout_width="wrap_content"android:layout_height="wrap_content"android:text="分享" /></LinearLayout><LinearLayoutandroid:id="@+id/content"android:layout_width="match_parent"android:layout_height="wrap_content"android:background="#cccccc"android:orientation="vertical"android:padding="20dp"><TextViewandroid:layout_width="wrap_content"android:layout_height="wrap_content"android:text="内容区域" /></LinearLayout><LinearLayoutandroid:id="@+id/right"android:layout_width="wrap_content"android:layout_height="wrap_content"android:background="@android:color/holo_red_light"android:orientation="horizontal"><TextViewandroid:layout_width="wrap_content"android:layout_height="wrap_content"android:background="@android:color/holo_blue_bright"android:padding="20dp"android:text="删除" /><TextViewandroid:id="@+id/right_menu_2"android:layout_width="wrap_content"android:layout_height="wrap_content"android:background="@android:color/holo_orange_dark"android:padding="20dp"android:text="收藏" /></LinearLayout></com.guanaj.easyswipemenulibrary.EasySwipeMenuLayout>
    public class MyAdapter extends BaseQuickAdapter<String, BaseViewHolder> {public MyAdapter(@LayoutRes int layoutResId, @Nullable List<String> data) {super(layoutResId, data);}@Overrideprotected void convert(final BaseViewHolder helper, String item) {helper.getView(R.id.right_menu_2).setOnClickListener(new View.OnClickListener() {@Overridepublic void onClick(View v) {Toast.makeText(MainActivity.this, "收藏", Toast.LENGTH_SHORT).show();EasySwipeMenuLayout easySwipeMenuLayout = helper.getView(R.id.es);easySwipeMenuLayout.resetStatus();}});helper.getView(R.id.content).setOnClickListener(new View.OnClickListener() {@Overridepublic void onClick(View v) {Toast.makeText(MainActivity.this, "setOnClickListener", Toast.LENGTH_SHORT).show();}});}}

按照这个Demo上面讲的,这样基本上就可以了,但是有问题需要注意:

使用这个框架之后,虽然实现了左右滑动显示不用的按钮的效果,但是这个整个Item的点击事件是被拦截了,这就导致

//        rvAdapter.setOnItemClickListener(new BaseQuickAdapter.OnItemClickListener() {
//            @Override
//            public void onItemClick(BaseQuickAdapter adapter, View view, int position) {
//
//            }
//        });

这个方法是失效的,要是对这个没有什么需求的话这个可以不用管,但是我们要是对某一个Item进行操作的时候,怎么获得这个position呢?
需要这样做

 helper.getView(R.id.content).setOnClickListener(new View.OnClickListener() {@Overridepublic void onClick(View v) {Toast.makeText(MainActivity.this, "setOnClickListener", Toast.LENGTH_SHORT).show();
//在这个方法里面,因为此方法在【convert】里面,所以可以在这里获取到我们需要的positionint pos = helper.getAdapterPosition();//这样就可以操作了}});

但是有时候我们的页面要复用,需要这个点击事件的时候,这个时候该怎么办呢,这个时候就要修改这个代码了,修改的地方不多

首先我们需要在github上面把这个项目下载下来,把里面的代码放到我们项目中,代码很少,我们在这个【EasySwipeMenuLayout】里面
加入一个字段

 private boolean isNeedClick = false; //是否需要(非滑动之后的)点击事件
    public boolean isNeedClick() {return isNeedClick;}public void setNeedClick(boolean needClick) {isNeedClick = needClick;}

然后在里面的【dispatchTouchEvent】和【onInterceptTouchEvent】方法里面加入

    if (isNeedClick()) {return super.dispatchTouchEvent(ev);}

    if (isNeedClick()) {return super.onInterceptTouchEvent(event);}

全部代码如下

 @Overridepublic boolean dispatchTouchEvent(MotionEvent ev) {if (isNeedClick()) {return super.dispatchTouchEvent(ev);}switch (ev.getAction()) {case MotionEvent.ACTION_DOWN: {//   System.out.println(">>>>dispatchTouchEvent() ACTION_DOWN");isSwipeing = false;if (mLastP == null) {mLastP = new PointF();}mLastP.set(ev.getRawX(), ev.getRawY());if (mFirstP == null) {mFirstP = new PointF();}mFirstP.set(ev.getRawX(), ev.getRawY());if (mViewCache != null) {if (mViewCache != this) {mViewCache.handlerSwipeMenu(State.CLOSE);}// Log.i(TAG, ">>>有菜单被打开");getParent().requestDisallowInterceptTouchEvent(true);}break;}case MotionEvent.ACTION_MOVE: {//   System.out.println(">>>>dispatchTouchEvent() ACTION_MOVE getScrollX:" + getScrollX());float distanceX = mLastP.x - ev.getRawX();float distanceY = mLastP.y - ev.getRawY();if (Math.abs(distanceY) > mScaledTouchSlop && Math.abs(distanceY) > Math.abs(distanceX)) {break;}
//                if (Math.abs(distanceX) <= mScaledTouchSlop){
//                    break;
//                }// Log.i(TAG, ">>>>>distanceX:" + distanceX);scrollBy((int) (distanceX), 0);//滑动使用scrollBy//越界修正if (getScrollX() < 0) {if (!mCanRightSwipe || mLeftView == null) {scrollTo(0, 0);} else {//左滑if (getScrollX() < mLeftView.getLeft()) {scrollTo(mLeftView.getLeft(), 0);}}} else if (getScrollX() > 0) {if (!mCanLeftSwipe || mRightView == null) {scrollTo(0, 0);} else {if (getScrollX() > mRightView.getRight() - mContentView.getRight() - mContentViewLp.rightMargin) {scrollTo(mRightView.getRight() - mContentView.getRight() - mContentViewLp.rightMargin, 0);}}}//当处于水平滑动时,禁止父类拦截if (Math.abs(distanceX) > mScaledTouchSlop
//                        || Math.abs(getScrollX()) > mScaledTouchSlop) {//  Log.i(TAG, ">>>>当处于水平滑动时,禁止父类拦截 true");getParent().requestDisallowInterceptTouchEvent(true);}mLastP.set(ev.getRawX(), ev.getRawY());break;}case MotionEvent.ACTION_UP:case MotionEvent.ACTION_CANCEL: {//     System.out.println(">>>>dispatchTouchEvent() ACTION_CANCEL OR ACTION_UP");finalyDistanceX = mFirstP.x - ev.getRawX();if (Math.abs(finalyDistanceX) > mScaledTouchSlop) {//  System.out.println(">>>>P");isSwipeing = true;}result = isShouldOpen(getScrollX());handlerSwipeMenu(result);break;}default: {break;}}return super.dispatchTouchEvent(ev);}
@Overridepublic boolean onInterceptTouchEvent(MotionEvent event) {if (isNeedClick()) {return super.onInterceptTouchEvent(event);}//  Log.d(TAG, "<<<<dispatchTouchEvent() called with: " + "ev = [" + event + "]");switch (event.getAction()) {case MotionEvent.ACTION_DOWN: {break;}case MotionEvent.ACTION_MOVE: {//滑动时拦截点击时间if (Math.abs(finalyDistanceX) > mScaledTouchSlop) {// 当手指拖动值大于mScaledTouchSlop值时,认为应该进行滚动,拦截子控件的事件//   Log.i(TAG, "<<<onInterceptTouchEvent true");return true;}
//                if (Math.abs(finalyDistanceX) > mScaledTouchSlop || Math.abs(getScrollX()) > mScaledTouchSlop) {
//                    Log.d(TAG, "onInterceptTouchEvent: 2");
//                    return true;
//                }break;}case MotionEvent.ACTION_UP:case MotionEvent.ACTION_CANCEL: {//滑动后不触发contentView的点击事件if (isSwipeing) {isSwipeing = false;finalyDistanceX = 0;return true;}}}return super.onInterceptTouchEvent(event);}

然后我们在Adapter里面

            if (helper.getView(R.id.easy_swipe_ly) instanceof EasySwipeMenuLayout) {((EasySwipeMenuLayout) helper.getView(R.id.easy_swipe_ly)).setNeedClick(true);}

这样就可以了,但是需要注意的是,如果这样设置了,我们的左右滑动就失效了,但是点击事件生效了。需要根据具体需求自行设置。

这篇关于【Android】实现Recyclerview的Item可以左右侧滑动的效果的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



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

相关文章

Go语言开发实现查询IP信息的MCP服务器

《Go语言开发实现查询IP信息的MCP服务器》随着MCP的快速普及和广泛应用,MCP服务器也层出不穷,本文将详细介绍如何在Go语言中使用go-mcp库来开发一个查询IP信息的MCP... 目录前言mcp-ip-geo 服务器目录结构说明查询 IP 信息功能实现工具实现工具管理查询单个 IP 信息工具的实现服

SpringBoot基于配置实现短信服务策略的动态切换

《SpringBoot基于配置实现短信服务策略的动态切换》这篇文章主要为大家详细介绍了SpringBoot在接入多个短信服务商(如阿里云、腾讯云、华为云)后,如何根据配置或环境切换使用不同的服务商,需... 目录目标功能示例配置(application.yml)配置类绑定短信发送策略接口示例:阿里云 & 腾

python实现svg图片转换为png和gif

《python实现svg图片转换为png和gif》这篇文章主要为大家详细介绍了python如何实现将svg图片格式转换为png和gif,文中的示例代码讲解详细,感兴趣的小伙伴可以跟随小编一起学习一下... 目录python实现svg图片转换为png和gifpython实现图片格式之间的相互转换延展:基于Py

Python利用ElementTree实现快速解析XML文件

《Python利用ElementTree实现快速解析XML文件》ElementTree是Python标准库的一部分,而且是Python标准库中用于解析和操作XML数据的模块,下面小编就来和大家详细讲讲... 目录一、XML文件解析到底有多重要二、ElementTree快速入门1. 加载XML的两种方式2.

Java的栈与队列实现代码解析

《Java的栈与队列实现代码解析》栈是常见的线性数据结构,栈的特点是以先进后出的形式,后进先出,先进后出,分为栈底和栈顶,栈应用于内存的分配,表达式求值,存储临时的数据和方法的调用等,本文给大家介绍J... 目录栈的概念(Stack)栈的实现代码队列(Queue)模拟实现队列(双链表实现)循环队列(循环数组

C++如何通过Qt反射机制实现数据类序列化

《C++如何通过Qt反射机制实现数据类序列化》在C++工程中经常需要使用数据类,并对数据类进行存储、打印、调试等操作,所以本文就来聊聊C++如何通过Qt反射机制实现数据类序列化吧... 目录设计预期设计思路代码实现使用方法在 C++ 工程中经常需要使用数据类,并对数据类进行存储、打印、调试等操作。由于数据类

Python实现图片分割的多种方法总结

《Python实现图片分割的多种方法总结》图片分割是图像处理中的一个重要任务,它的目标是将图像划分为多个区域或者对象,本文为大家整理了一些常用的分割方法,大家可以根据需求自行选择... 目录1. 基于传统图像处理的分割方法(1) 使用固定阈值分割图片(2) 自适应阈值分割(3) 使用图像边缘检测分割(4)

Android实现在线预览office文档的示例详解

《Android实现在线预览office文档的示例详解》在移动端展示在线Office文档(如Word、Excel、PPT)是一项常见需求,这篇文章为大家重点介绍了两种方案的实现方法,希望对大家有一定的... 目录一、项目概述二、相关技术知识三、实现思路3.1 方案一:WebView + Office Onl

C# foreach 循环中获取索引的实现方式

《C#foreach循环中获取索引的实现方式》:本文主要介绍C#foreach循环中获取索引的实现方式,本文给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友参考下吧... 目录一、手动维护索引变量二、LINQ Select + 元组解构三、扩展方法封装索引四、使用 for 循环替代

Spring Security+JWT如何实现前后端分离权限控制

《SpringSecurity+JWT如何实现前后端分离权限控制》本篇将手把手教你用SpringSecurity+JWT搭建一套完整的登录认证与权限控制体系,具有很好的参考价值,希望对大家... 目录Spring Security+JWT实现前后端分离权限控制实战一、为什么要用 JWT?二、JWT 基本结构