使用RecylerView完成拖动排序高仿qq侧滑删除功能

概述 最近使用到Recylerview完成拖动排序，侧滑删除，在此记录一下。需要使用到：ItemTouchHelper.Callback这个类。

 最近使用到RecylervIEw完成拖动排序，侧滑删除，在此记录一下。

需要使用到：itemtouchhelper.Callback这个类。

效果图：

在有RecylerVIEw的Activity中，除了设置Adapter还需要做的事情有：

MyitemtouchhelperCallback callback = new MyitemtouchhelperCallback(adapter); //此类继承itemtouchhelper.Callback,这是帮助处理RecylerVIEw拖动侧滑 *** 作的辅助类 itemtouchhelper helper = new itemtouchhelper(callback); //用上面实例化的callback实例化一个itemtouchhelper对象。套路代码，没啥好说的，固定做法 helper.attachToRecyclerVIEw(recyclerVIEw); //让help帮助处理recylervIEw的滑动，侧滑 *** 作

Activity中的 *** 作就这么简单。

接下来定义一个接口，这个接口是为了解除耦合，因为我看到有一些文章在activity中处理了onMove和onSwipe，抽象出来更好理解。

public interface OnMoveAndSwipeListener { public boolean onItemmove(int fromposition,int toposition); //注意返回boolean哦 public voID onItemdismiss(int position); }

在RecylerVIEw的Adapter中实现此接口，

复写上面的两个方法，

@OverrIDe public boolean onItemmove(int fromposition,int toposition) { if (fromposition < toposition) { //往下移动时,做数据交换 for (int i = fromposition; i < toposition; i++) { Collections.swap(List,i,i+1); } }else{ //往上移动,做数据交换 for (int i = fromposition; i >toposition ; i--) { Collections.swap(List,i-1); } } notifyItemmoved(fromposition,toposition); return true; } @OverrIDe public voID onItemdismiss(int position) { //此例没有对侧滑做 *** 作，如果需要就在此模仿onItemmove方法，删除对应位置的数据，并且刷新界面就可以了 }

这样Adapter的工作也就完成了，一样也很简单，都有固定的套路，注意大家看到的demo都是有个默认的动画，这个动画效果是你在设置RecylerVIEw时，recylervIEw.setItemAnimator（参数）；设置进去的，如果你没有调用此方法，则就是默认动画效果。

除了设置Adapter还需要做的事情有：

写一个类继承itemtouchhelper.Callback，这就是最后一步了，也是本文最开始在Activity中实例化的类，

代码也不多：

public class MyitemtouchhelperCallback extends itemtouchhelper.Callback { MyAdapter adapter; public MyitemtouchhelperCallback(MyAdapter adapter) { this.adapter = adapter; } @OverrIDe public int getMovementFlags(RecyclerVIEw recyclerVIEw,RecyclerVIEw.VIEwHolder vIEwHolder) { //复写此方法用来设置我需要处理哪些 *** 作 //我要处理上下拖动，就设置up down，如果是grIDvIEw类型的recylervIEw，up,down,left,right都可以处理 final int moveMode = itemtouchhelper.UP | itemtouchhelper.DOWN; //本例没有处理侧滑，如果需要处理侧滑，就把注释取消掉 //final int swipeMode = itemtouchhelper.START | itemtouchhelper.END; Log.e("getMovementFlags","getMovementFlags"); return makeMovementFlags(moveMode,0);//不处理什么，就传0 } @OverrIDe public boolean onMove(RecyclerVIEw recyclerVIEw,RecyclerVIEw.VIEwHolder vIEwHolder,RecyclerVIEw.VIEwHolder target) { //当你拖动时就会触发此回调，然后调用在adapter中复写的onItemmove方法，去交换数据 return adapter.onItemmove(vIEwHolder.getAdapterposition(),target.getAdapterposition()); } @OverrIDe public voID onSwiped(RecyclerVIEw.VIEwHolder vIEwHolder,int direction) { //如果你要处理侧滑就取消注释，逻辑和上面的onMove一样 // adapter.onItemdismiss(vIEwHolder.getAdapterposition()); } @OverrIDe public voID onSelectedChanged(RecyclerVIEw.VIEwHolder vIEwHolder,int actionState) { //此方法在你选中一个item拖动时触发，所以你可以在这里给选中的item设置一个背景色，用于高亮提示你选中了这个背景色 super.onSelectedChanged(vIEwHolder,actionState); if (actionState!= itemtouchhelper.ACTION_STATE_IDLE){ vIEwHolder.itemVIEw.setBackgroundcolor(color.LTGRAY); } } @OverrIDe public voID clearVIEw(RecyclerVIEw recyclerVIEw,RecyclerVIEw.VIEwHolder vIEwHolder) { //因为你设置了背景色，所以在你不选中的时候，要取消掉这个背景色。 super.clearVIEw(recyclerVIEw,vIEwHolder); vIEwHolder.itemVIEw.setBackgroundcolor(0); } }

到此为止，一个简单的拖动和侧滑就完成了，其实拖动和侧滑的逻辑都是一样的，按着上面的步骤来，效果就出来了。

上面只是一个简单的效果。把上面的效果实现了，接下来看更进阶一点的效果：

RecycleVIEwSwipedismiss

要做到上述的效果，先说一下上面的逻辑：

首先他的每个Item的布局是两层：

<?xml version="1.0" enCoding="utf-8"?> <!--背景vIEw，用于提示用户 *** 作结果--> <relativeLayout xmlns:androID="http://schemas.androID.com/apk/res/androID" xmlns:tools="http://schemas.androID.com/tools" androID:ID="@+ID/rl_background" androID:layout_wIDth="match_parent" androID:layout_height="wrap_content"> <ImageVIEw androID:ID="@+ID/iv_done" androID:layout_wIDth="wrap_content" androID:layout_height="wrap_content" androID:layout_centerVertical="true" androID:layout_marginleft="16dp" androID:layout_marginStart="16dp" androID:src="@mipmap/bt_ic_done_white_24" /> <ImageVIEw androID:ID="@+ID/iv_schedule" androID:layout_wIDth="wrap_content" androID:layout_height="wrap_content" androID:layout_alignParentRight="true" androID:layout_centerVertical="true" androID:layout_marginEnd="16dp" androID:layout_marginRight="16dp" androID:src="@mipmap/bt_ic_schedule_white_24" /> <!--滑动 *** 作的vIEw--> <linearLayout androID:ID="@+ID/ll_item" androID:layout_wIDth="match_parent" androID:layout_height="64dp" androID:background="@androID:color/white" androID:gravity="center_vertical" androID:orIEntation="vertical" androID:paddingleft="16dp" androID:paddingRight="16dp"> <TextVIEw androID:ID="@+ID/tv_item" androID:layout_wIDth="wrap_content" androID:layout_height="wrap_content" androID:textAppearance="?androID:attr/textAppearanceMedium" tools:text="Item" /> </linearLayout> <VIEw androID:layout_wIDth="match_parent" androID:layout_height="1dp" androID:layout_below="@ID/ll_item" androID:background="#B2B2b2" /> </relativeLayout>

原理：全屏的linearlayout负责侧滑效果，而根布局是有颜色有图片的那一层，因为linearlayout被滑走了，所以根布局以及上面的图片就出来了。

需要在MyitemtouchhelperCallback中重新复写的几个方法，以及多复写的几个方法：

<span > </span> @OverrIDe public voID clearVIEw(RecyclerVIEw recyclerVIEw,RecyclerVIEw.VIEwHolder vIEwHolder) { // 释放VIEw时回调，清除背景颜色，隐藏图标 // 默认是 *** 作VIEwHolder的itemVIEw，这里调用ItemtouchUIUtil的clearVIEw方法传入指定的vIEw getDefaultUIUtil().clearVIEw(((SampleAdapter.ItemVIEwHolder) vIEwHolder).vItem); ((SampleAdapter.ItemVIEwHolder) vIEwHolder).vBackground.setBackgroundcolor(color.transparent); ((SampleAdapter.ItemVIEwHolder) vIEwHolder).ivSchedule.setVisibility(VIEw.GONE); ((SampleAdapter.ItemVIEwHolder) vIEwHolder).ivDone.setVisibility(VIEw.GONE); } @OverrIDe public voID onSelectedChanged(RecyclerVIEw.VIEwHolder vIEwHolder,int actionState) { // 当vIEwHolder的滑动或拖拽状态改变时回调 if (vIEwHolder != null) { // 默认是 *** 作VIEwHolder的itemVIEw，这里调用ItemtouchUIUtil的clearVIEw方法传入指定的vIEw getDefaultUIUtil().onSelected(((SampleAdapter.ItemVIEwHolder) vIEwHolder).vItem); } } @OverrIDe public voID onChildDraw(Canvas c,RecyclerVIEw recyclerVIEw,float dX,float dY,int actionState,boolean isCurrentlyActive) { // itemtouchhelper的onDraw方法会调用该方法，可以使用Canvas对象进行绘制，绘制的图案会在RecyclerVIEw的下方 // 默认是 *** 作VIEwHolder的itemVIEw，这里调用ItemtouchUIUtil的clearVIEw方法传入指定的vIEw getDefaultUIUtil().onDraw(c,recyclerVIEw,((SampleAdapter.ItemVIEwHolder) vIEwHolder).vItem,dX,dY,actionState,isCurrentlyActive); if (dX > 0) { // 向左滑动是的提示 ((SampleAdapter.ItemVIEwHolder) vIEwHolder).vBackground.setBackgroundResource(R.color.colorDone); ((SampleAdapter.ItemVIEwHolder) vIEwHolder).ivDone.setVisibility(VIEw.VISIBLE); ((SampleAdapter.ItemVIEwHolder) vIEwHolder).ivSchedule.setVisibility(VIEw.GONE); } if (dX < 0) { // 向右滑动时的提示 ((SampleAdapter.ItemVIEwHolder) vIEwHolder).vBackground.setBackgroundResource(R.color.colorSchedule); ((SampleAdapter.ItemVIEwHolder) vIEwHolder).ivSchedule.setVisibility(VIEw.VISIBLE); ((SampleAdapter.ItemVIEwHolder) vIEwHolder).ivDone.setVisibility(VIEw.GONE); } } @OverrIDe public voID onChildDrawOver(Canvas c,boolean isCurrentlyActive) { // itemtouchhelper的onDrawOver方法会调用该方法，可以使用Canvas对象进行绘制，绘制的图案会在RecyclerVIEw的上方 // 默认是 *** 作VIEwHolder的itemVIEw，这里调用ItemtouchUIUtil的clearVIEw方法传入指定的vIEw getDefaultUIUtil().onDrawOver(c,isCurrentlyActive); } });

用getDefaultUIUtil()的方法指定滑动 *** 作的是linearlayout，所以每次被滑走的只有linearlayout。其他的 *** 作都是一样的。

总结

以上是内存溢出为你收集整理的使用RecylerView完成拖动排序高仿qq侧滑删除功能全部内容，希望文章能够帮你解决使用RecylerView完成拖动排序高仿qq侧滑删除功能所遇到的程序开发问题。

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