当前位置： 移动技术网 > IT编程>移动开发>Android > android的RecyclerView实现拖拽排序和侧滑删除示例

android的RecyclerView实现拖拽排序和侧滑删除示例

2019年07月24日  | 移动技术网IT编程  | 我要评论

全民导航,南沙,树木游泳的力量

在平时开发应用的时候，经常会遇到列表排序、滑动删除的需求。如果列表效果采用的是 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);
}

好了，来看看改进之后的效果：

改进效果图

源码下载：

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持移动技术网。

您可能感兴趣的文章:

如对本文有疑问，请在下面进行留言讨论，广大热心网友会与你互动！！ 点击进行留言回复

相关文章:

验证码：
最近更新的文章
大家感兴趣的文章
移动技术网