android的RecyclerView实现拖拽排序和侧滑删除示例
在平时开发应用的时候,经常会遇到列表排序、滑动删除的需求。如果列表效果采用的是 listview 的话,需要经过自定义 view 才能实现效果;但是如果采用的是 recyclerview 的话,系统 api 就已经为我们提供了相应的功能。
接下来,我们就来看一下怎么用系统 api 来实现排序和删除的效果。
创建 itemtouchhelper
创建一个 itemtouchhelper 对象,然后其调用 attachtorecyclerview 方法:
recyclerview recyclerview = (recyclerview) findviewbyid(r.id.recyclerview); recyclerview.setlayoutmanager(new linearlayoutmanager(this, linearlayoutmanager.vertical, false)); recyclerviewadapter adapter = new recyclerviewadapter(); itemtouchhelper helper = new itemtouchhelper(new myitemtouchcallback(adapter)); helper.attachtorecyclerview(recyclerview);
在创建 itemtouchhelper 对象时候,需要我们传入一个实现了 itemtouchhelper.callback 接口的对象。而排序和删除的逻辑都封装在了这个 itemtouchhelper.callback 的对象里面了。
实现 itemtouchhelper.callback 接口
创建 myitemtouchcallback 类,实现 itemtouchhelper.callback 接口:
public class myitemtouchcallback extends itemtouchhelper.callback { private final recyclerviewadapter adapter; public myitemtouchcallback(recyclerviewadapter adapter) { this.adapter = adapter; } @override public int getmovementflags(recyclerview recyclerview, recyclerview.viewholder viewholder) { return 0; } @override public boolean onmove(recyclerview recyclerview, recyclerview.viewholder viewholder, recyclerview.viewholder target) { return false; } @override public void onswiped(recyclerview.viewholder viewholder, int direction) { } }
实现 itemtouchhelper.callback 接口后有三个方法需要重写:
- getmovementflags(recyclerview recyclerview, recyclerview.viewholder viewholder) :设置滑动类型的标记。需要设置两种类型的 flag ,即 dragflags 和 swipeflags ,分别代表着拖拽标记和滑动标记。最后需要调用 makemovementflags(dragflags, swipeflags) 方法来合成返回。
- onmove(recyclerview recyclerview, recyclerview.viewholder viewholder, recyclerview.viewholder target) :当用户拖拽列表某个 item 时会回调。很明显,拖拽排序的代码应该在这个方法中实现。
- onswiped(recyclerview.viewholder viewholder, int direction) :当用户滑动列表某个 item 时会回调。所以侧滑删除的代码应该在这个方法中实现。
重写方法
我们先来看看 getmovementflags(recyclerview recyclerview, recyclerview.viewholder viewholder) 方法:
@override public int getmovementflags(recyclerview recyclerview, recyclerview.viewholder viewholder) { int dragflag; int swipeflag; recyclerview.layoutmanager layoutmanager = recyclerview.getlayoutmanager(); if (layoutmanager instanceof gridlayoutmanager) { dragflag = itemtouchhelper.down | itemtouchhelper.up | itemtouchhelper.right | itemtouchhelper.left; swipeflag = 0; } else { dragflag = itemtouchhelper.down | itemtouchhelper.up; swipeflag = itemtouchhelper.end; } return makemovementflags(dragflag, swipeflag); }
代码中根据 layoutmanager 分为了两种情况:
- 如果是 gridlayoutmanager ,那么拖拽排序就可以细分为上下左右四个方向了,而且 gridlayoutmanager 没有侧滑删除的功能;
- 若是其他的 layoutmanager ,比如说 linearlayoutmanager ,那么拖拽排序就只有上下两个方向了,并且设置 swipeflag 为 itemtouchhelper.end 类型;
- 对于其他自定义类型的 layoutmanager 可以自己根据自身情况补充。
下面就是 onmove(recyclerview recyclerview, recyclerview.viewholder viewholder, recyclerview.viewholder target) 方法:
@override public boolean onmove(recyclerview recyclerview, recyclerview.viewholder viewholder, recyclerview.viewholder target) { int fromposition = viewholder.getadapterposition(); int toposition = target.getadapterposition(); if (fromposition < toposition) { for (int i = fromposition; i < toposition; i++) { collections.swap(adapter.getdatalist(), i, i + 1); } } else { for (int i = fromposition; i > toposition; i--) { collections.swap(adapter.getdatalist(), i, i - 1); } } recyclerview.getadapter().notifyitemmoved(fromposition, toposition); return true; }
之前说过了,onmove(recyclerview recyclerview, recyclerview.viewholder viewholder, recyclerview.viewholder target) 方法是用户在拖拽 item 的时候会回调。所以关于列表排序的代码应该写在这里。方法参数中的 viewholder 代表的是用户当前拖拽的 item ,而 target 代表的是被用户拖拽所覆盖的那个 item 。所以在 onmove(recyclerview recyclerview, recyclerview.viewholder viewholder, recyclerview.viewholder target) 方法中的逻辑就是把 fromposition 至 toposition 为止改变它们的位置。
最后就是 onswiped(recyclerview.viewholder viewholder, int direction) 方法了:
@override public void onswiped(recyclerview.viewholder viewholder, int direction) { int position = viewholder.getadapterposition(); if (direction == itemtouchhelper.end) { adapter.getdatalist().remove(position); adapter.notifyitemremoved(position); } }
这个方法在用户进行侧滑删除操作的时候会回调,其中的逻辑就是得到当前用户进行侧滑删除操作的 item ,然后将其删除。
到了这里,大功告成了。那么来看看效果吧:
效果图
改善用户体验
我们发现还有一些不完美的地方:比如当用户在拖拽排序的时候,可以改变当前拖拽 item 的透明度,这样就可以和其他 item 区分开来了。那么,我们需要去重写 onselectedchanged(recyclerview.viewholder viewholder, int actionstate) 方法:
@override public void onselectedchanged(recyclerview.viewholder viewholder, int actionstate) { super.onselectedchanged(viewholder, actionstate); if (actionstate == itemtouchhelper.action_state_drag) { viewholder.itemview.setbackgroundcolor(color.blue); } }
相对应地,当用户手指从拖拽 item 中抬起的时候,我们需要把 item 的透明度复原。需要我们重写 clearview(recyclerview recyclerview, recyclerview.viewholder viewholder) 方法:
@override public void clearview(recyclerview recyclerview, recyclerview.viewholder viewholder) { super.clearview(recyclerview, viewholder); viewholder.itemview.setbackgroundcolor(0); }
好了,来看看改进之后的效果:
改进效果图
源码下载:testrv.rar
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。
推荐阅读
-
android的RecyclerView实现拖拽排序和侧滑删除示例
-
RecyclerView进阶:使用ItemTouchHelper实现拖拽和侧滑删除效果
-
Android recyclerview实现拖拽排序和侧滑删除
-
Android中RecyclerView实现Item添加和删除的代码示例
-
android的RecyclerView实现拖拽排序和侧滑删除示例
-
Android recyclerview实现拖拽排序和侧滑删除
-
Android中RecyclerView实现Item添加和删除的代码示例
-
Android使用CardView作为RecyclerView的Item并实现拖拽和左滑删除
-
Android开发之RecyclerView的交互动画(实现拖拽和删除)