Android侧滑-RecyclerView轻松实现高效的侧滑菜单

简介:

一 前言

利用系统类ItemTouchHelper实现简单高效的RecyclerView侧滑菜单!

仿qq的侧滑,跟随滑动…

118d00c30a40a4165fcd56dbe1d937a40613e448

简单的侧滑点击删除,覆盖滑动…

b23be8b41169f2dd2f53233a310c4cd9681e30f4

二 知识准备

ItemTouchHelper是Android系统提供的一个帮助类,可以很轻松的用它实现长按拖拽和侧滑删除功能(这里的是侧滑之后直接删除整条Item),下面来看一下使用方法.

ItemTouchHelper.Callback

官方的解释是这样的,这个类是ItemTouchHelper和您的应用程序之间的契约。它允许您控制每个ViewHolder都启用了哪些触摸行为,并且在user执行这些操作时也会接收回调 .通俗来说就是我们可以再这个类里面去控制我们想要的触摸效果,也就是侧滑还是拖拽.然后可以得到动作执行中的回调,和动作执行结束后的回调.
我们需要继承ItemTouchHelper.Callback来实现自己的逻辑.我先大致的介绍一下具体的使用方法,详情还请自行查资料.请看代码:

/**
* 实现自己的逻辑
* Created by WANG on 18/3/14.
*/


public class ItemTouchHelperCallback extends ItemTouchHelper.Callback {
//是否支持侧滑
@Override
public boolean isItemViewSwipeEnabled() {
return true;
}

@Override
public int getMovementFlags(RecyclerView recyclerView, RecyclerView.ViewHolder viewHolder) {
return makeMovementFlags(0, ItemTouchHelper.START);
}

@Override
public boolean onMove(RecyclerView recyclerView, RecyclerView.ViewHolder viewHolder, RecyclerView.ViewHolder target) {
return false;
}

@Override
public void onSwiped(RecyclerView.ViewHolder viewHolder, int direction) {

}

@Override
public void onChildDraw(Canvas c, RecyclerView recyclerView, RecyclerView.ViewHolder viewHolder, float dX, float dY, int actionState, boolean isCurrentlyActive) {
return;
}

@Override
public void clearView(RecyclerView recyclerView, RecyclerView.ViewHolder viewHolder) {
super.clearView(recyclerView, viewHolder);

}
}

//这里给RecyclerView设置一下就OK拉
ItemTouchHelperCallback touchHelperCallback = new ItemTouchHelperCallback();
ItemTouchHelper itemTouchHelper=newItemTouchHelper(touchHelperCallback);
itemTouchHelper.attachToRecyclerView(recyclerView);

下面是我目前发现的系统的ItemTouchHelper的一些弊端和好处:

弊端:

1 当处于滑动状态的时候不下发点击事件. 
2 滑动的距离为RecyclerView的宽度,往往就是屏幕的宽度. 
3 限制滑动距离之后,无法正常恢复侧滑(让滑动的View复位). 
4 当Item手动滑动之后不能自由的自动的恢复侧滑(让滑动的View复位). 
5 无法做到特定的Item不让侧滑. 
6 总问言之侧滑不流畅.

好处:

1 侧滑布局的样式我们可以随意的更改. 
2 滑动的距离可以随意的固定. 
3 侧滑恢复的动画我们可以控制. 
4 总而言之给了开发者很大的自由.

三 改进版的WItemTouchHelperPlus

新增了一个接口Extension用来获取我们侧滑的距离,需要在获取侧滑控件的地方去实现该接口,因为再ItemTouchHelper里面我们操作的是ViewHolder,所以我们的ViewHiolder是实现它的最好选择了.代码如下:

//接口
public interface Extension {

float getActionWidth();
}
**********************Viewholder***********************
/**
* view.getWidth()获取的是屏幕中可以看到的大小.
*/

public class RecViewholder extends RecyclerView.ViewHolder implements Extension {
public TextView textView;
public TextView slide;
public RecViewholder(View itemView) {
super(itemView);
textView = itemView.findViewById(R.id.item_text);
slide = itemView.findViewById(R.id.item_slide);
}
@Override
public float getActionWidth() {
return slide.getWidth();
}

}

新增了tag.需要在我们滑动的xml布局里面设置一个tag=”slide_flag”,用来标识该布局为侧滑滑动的布局.用例:

//这个标识的布局就是我们能滑动的布局.
<TextView
android:id="@+id/item_text"
android:layout_width="match_parent"
android:layout_height="50dp"
android:background="#e1e1e1"
android:gravity="center"
android:tag="slide_flag"
android:text="item"
android:textColor="#333333"
android:textSize="16sp" />

WItemTouchHelperPlus.Callback需要重写getItemSlideType方法返我们侧滑的布局类型,就是文章开始处的跟随GIF和覆盖GIF两种侧滑布局.

 @Override
public String getItemSlideType() {
return type;
}

再onChildDraw里面做一些处理.

 @Override
public void onChildDraw(Canvas c, RecyclerView recyclerView, RecyclerView.ViewHolder viewHolder, float dX, float dY, int actionState, boolean isCurrentlyActive) {
if (viewHolder instanceof RecAdapter.RecViewholder) {
RecAdapter.RecViewholder holder = (RecAdapter.RecViewholder) viewHolder;
float actionWidth = holder.getActionWidth();
if (dX < -actionWidth) {
dX = -actionWidth;
}
holder.slideItem.setTranslationX(dX);
}else if(viewHolder instanceof RecOtherTypeAdapter.RecViewholder){
RecOtherTypeAdapter.RecViewholder holder = (RecOtherTypeAdapter.RecViewholder) viewHolder;
float actionWidth = holder.getActionWidth();
if (dX < -actionWidth) {
dX = -actionWidth;
}
holder.textView.setTranslationX(dX);
}
return;
}

然后就是使用我们改进版的WItemTouchHelperPlus.Callback和WItemTouchHelperPlus来实现侧滑.基本使用和系统类别无差异.源码相当多,这里就不再贴出具体可以去Github欢迎start



原文发布时间为:2018-08-29

本文来自云栖社区合作伙伴“Android开发中文站”,了解相关信息可以关注“Android开发中文站”。

相关文章
|
7月前
|
API Android开发 开发者
Android UI设计: 什么是RecyclerView?为什么它比ListView更好?
Android UI设计: 什么是RecyclerView?为什么它比ListView更好?
100 2
|
缓存 Android开发
Android RecyclerView 实现瀑布流
Android RecyclerView 实现瀑布流
|
Android开发
Android RecyclerView 使用大全 - 基础使用,item 动画,下拉刷新等(三)
Android RecyclerView 使用大全 - 基础使用,item 动画,下拉刷新等
|
3月前
|
Android开发 开发者 索引
Android实战经验之如何使用DiffUtil提升RecyclerView的刷新性能
本文介绍如何使用 `DiffUtil` 实现 `RecyclerView` 数据集的高效更新,避免不必要的全局刷新,尤其适用于处理大量数据场景。通过定义 `DiffUtil.Callback`、计算差异并应用到适配器,可以显著提升性能。同时,文章还列举了常见错误及原因,帮助开发者避免陷阱。
271 9
|
3月前
|
存储 缓存 Android开发
Android RecyclerView 缓存机制深度解析与面试题
本文首发于公众号“AntDream”,详细解析了 `RecyclerView` 的缓存机制,包括多级缓存的原理与流程,并提供了常见面试题及答案。通过本文,你将深入了解 `RecyclerView` 的高性能秘诀,提升列表和网格的开发技能。
78 8
|
4月前
|
存储 Android开发 开发者
Android项目架构设计问题之定义RecyclerView的ViewHolder如何解决
Android项目架构设计问题之定义RecyclerView的ViewHolder如何解决
54 0
|
4月前
|
数据可视化 Java 数据挖掘
Android项目架构设计问题之设置RecyclerView的LayoutManager如何解决
Android项目架构设计问题之设置RecyclerView的LayoutManager如何解决
39 0
|
6月前
|
API Android开发 开发者
`RecyclerView`是Android API 21引入的UI组件,用于替代ListView和GridView
【6月更文挑战第26天】`RecyclerView`是Android API 21引入的UI组件,用于替代ListView和GridView。它提供高效的数据视图复用,优化的布局管理,支持多种布局(如线性、网格),并解耦数据、适配器和视图。RecyclerView的灵活性、性能(如局部刷新和动画支持)和扩展性使其成为现代Android开发的首选,特别是在处理大规模数据集时。
74 2
|
6月前
|
Android开发 Kotlin
Android面试题 之 Kotlin DataBinding 图片加载和绑定RecyclerView
本文介绍了如何在Android中使用DataBinding和BindingAdapter。示例展示了如何创建`MyBindingAdapter`,包含一个`setImage`方法来设置ImageView的图片。布局文件使用`&lt;data&gt;`标签定义变量,并通过`app:image`调用BindingAdapter。在Activity中设置变量值传递给Adapter处理。此外,还展示了如何在RecyclerView的Adapter中使用DataBinding,如`MyAdapter`,在子布局`item.xml`中绑定User对象到视图。关注公众号AntDream阅读更多内容。
106 1
|
6月前
|
API Android开发 容器
36. 【Android教程】侧滑菜单:DrawerLayout
36. 【Android教程】侧滑菜单:DrawerLayout
122 1