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

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

概述在平时开发应用的时候,经常会遇到列表排序、滑动删除的需求。如果列表效果采用的是ListView的话,需要经过自定义View才能实现效果;但是如果采用的是RecyclerView的话,系统API就已经为我们提供了相应的功能。

在平时开发应用的时候,经常会遇到列表排序、滑动删除的需求。如果列表效果采用的是 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 target) :当用户拖拽列表某个 item 时会回调。很明显,拖拽排序的代码应该在这个方法中实现。 onSwiped(RecyclerVIEw.VIEwHolder vIEwHolder,int direction) :当用户滑动列表某个 item 时会回调。所以侧滑删除的代码应该在这个方法中实现。

重写方法

我们先来看看 getMovementFlags(RecyclerVIEw recyclerVIEw,RecyclerVIEw.VIEwHolder vIEwHolder) 方法:

@OverrIDepublic 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 target) 方法:

@OverrIDepublic boolean onMove(RecyclerVIEw recyclerVIEw,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 - 1);    }  }  recyclerVIEw.getAdapter().notifyItemmoved(fromposition,toposition);  return true;}

之前说过了,onMove(RecyclerVIEw recyclerVIEw,RecyclerVIEw.VIEwHolder target) 方法是用户在拖拽 item 的时候会回调。所以关于列表排序的代码应该写在这里。方法参数中的 vIEwHolder 代表的是用户当前拖拽的 item ,而 target 代表的是被用户拖拽所覆盖的那个 item 。所以在 onMove(RecyclerVIEw recyclerVIEw,RecyclerVIEw.VIEwHolder target) 方法中的逻辑就是把 fromposition 至 toposition 为止改变它们的位置。

最后就是 onSwiped(RecyclerVIEw.VIEwHolder vIEwHolder,int direction) 方法了:

@OverrIDepublic 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) 方法:

@OverrIDepublic 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) 方法:

@OverrIDepublic voID clearVIEw(RecyclerVIEw recyclerVIEw,RecyclerVIEw.VIEwHolder vIEwHolder) {  super.clearVIEw(recyclerVIEw,vIEwHolder);  vIEwHolder.itemVIEw.setBackgroundcolor(0);}

好了,来看看改进之后的效果:

改进效果图

源码下载:TestRV.rar

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持编程小技巧。

总结

以上是内存溢出为你收集整理的android的RecyclerView实现拖拽排序和侧滑删除示例全部内容,希望文章能够帮你解决android的RecyclerView实现拖拽排序和侧滑删除示例所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错,欢迎将内存溢出网站推荐给程序员好友。

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/1147025.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-05-31
下一篇 2022-05-31

发表评论

登录后才能评论

评论列表(0条)

保存