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

2024-06-14 19:12
文章标签 实现 android 效果 滑动 recyclerview item 左右侧

本文主要是介绍【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。

相关文章

Spring Boot 实现 IP 限流的原理、实践与利弊解析

Spring Boot 实现 IP 限流的原理、实践与利弊解析

《SpringBoot实现IP限流的原理、实践与利弊解析》在SpringBoot中实现IP限流是一种简单而有效的方式来保障系统的稳定性和可用性,本文给大家介绍SpringBoot实现IP限... 目录一、引言二、IP 限流原理2.1 令牌桶算法2.2 漏桶算法三、使用场景3.1 防止恶意攻击3.2 控制资源
阅读更多...
springboot下载接口限速功能实现

springboot下载接口限速功能实现

《springboot下载接口限速功能实现》通过Redis统计并发数动态调整每个用户带宽,核心逻辑为每秒读取并发送限定数据量,防止单用户占用过多资源,确保整体下载均衡且高效,本文给大家介绍spring... 目录 一、整体目标 二、涉及的主要类/方法✅ 三、核心流程图解（简化） 四、关键代码详解1️⃣ 设置
阅读更多...
Nginx 配置跨域的实现及常见问题解决

Nginx 配置跨域的实现及常见问题解决

《Nginx配置跨域的实现及常见问题解决》本文主要介绍了Nginx配置跨域的实现及常见问题解决,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来... 目录1. 跨域1.1 同源策略1.2 跨域资源共享（CORS）2. Nginx 配置跨域的场景2.1
阅读更多...
Python中提取文件名扩展名的多种方法实现

Python中提取文件名扩展名的多种方法实现

《Python中提取文件名扩展名的多种方法实现》在Python编程中,经常会遇到需要从文件名中提取扩展名的场景,Python提供了多种方法来实现这一功能,不同方法适用于不同的场景和需求,包括os.pa... 目录技术背景实现步骤方法一：使用os.path.splitext方法二：使用pathlib模块方法三
阅读更多...
CSS实现元素撑满剩余空间的五种方法

CSS实现元素撑满剩余空间的五种方法

《CSS实现元素撑满剩余空间的五种方法》在日常开发中，我们经常需要让某个元素占据容器的剩余空间，本文将介绍5种不同的方法来实现这个需求，并分析各种方法的优缺点，感兴趣的朋友一起看看吧... css实现元素撑满剩余空间的5种方法 在日常开发中，我们经常需要让某个元素占据容器的剩余空间。这是一个常见的布局需求
阅读更多...
HTML5 getUserMedia API网页录音实现指南示例小结

HTML5 getUserMedia API网页录音实现指南示例小结

《HTML5getUserMediaAPI网页录音实现指南示例小结》本教程将指导你如何利用这一API，结合WebAudioAPI，实现网页录音功能,从获取音频流到处理和保存录音，整个过程将逐步... 目录1. html5 getUserMedia API简介1.1 API概念与历史1.2 功能与优势1.3
阅读更多...
Java实现删除文件中的指定内容

Java实现删除文件中的指定内容

《Java实现删除文件中的指定内容》在日常开发中,经常需要对文本文件进行批量处理,其中,删除文件中指定内容是最常见的需求之一,下面我们就来看看如何使用java实现删除文件中的指定内容吧... 目录1. 项目背景详细介绍2. 项目需求详细介绍2.1 功能需求2.2 非功能需求3. 相关技术详细介绍3.1 Ja
阅读更多...
使用Python和OpenCV库实现实时颜色识别系统

使用Python和OpenCV库实现实时颜色识别系统

《使用Python和OpenCV库实现实时颜色识别系统》：本文主要介绍使用Python和OpenCV库实现的实时颜色识别系统,这个系统能够通过摄像头捕捉视频流,并在视频中指定区域内识别主要颜色（红... 目录一、引言二、系统概述三、代码解析1. 导入库2. 颜色识别函数3. 主程序循环四、HSV色彩空间详解
阅读更多...
PostgreSQL中MVCC 机制的实现

PostgreSQL中MVCC 机制的实现

《PostgreSQL中MVCC机制的实现》本文主要介绍了PostgreSQL中MVCC机制的实现,通过多版本数据存储、快照隔离和事务ID管理实现高并发读写,具有一定的参考价值,感兴趣的可以了解一下... 目录一 MVCC 基本原理python1.1 MVCC 核心概念1.2 与传统锁机制对比二 Postg
阅读更多...
SpringBoot整合Flowable实现工作流的详细流程

SpringBoot整合Flowable实现工作流的详细流程

《SpringBoot整合Flowable实现工作流的详细流程》Flowable是一个使用Java编写的轻量级业务流程引擎,Flowable流程引擎可用于部署BPMN2.0流程定义,创建这些流程定义的... 目录1、流程引擎介绍2、创建项目3、画流程图4、开发接口4.1 Java 类梳理4.2 查看流程图4
阅读更多...

Copyright China编程 23002807@qq.com

沪ICP备2023033072号-2