android侧拉列表,Android侧滑-RecyclerView实现简单高效的侧滑菜单

一前言侧滑对于Android来说实现方式多种多样,但是具体那种方式能满足我们的需求和适用场景那就很难说了,曾试过继承RecyclerView,自定义Adapter等方法,但是效果并不是很理想.最终定制版的WItemTouchHelperPlus符合了大部分的侧滑需求,它来自系统类的改造.下面来看下实现的效果.仿qq的侧滑,跟随滑动...image简单的侧滑点击删除,覆盖滑动...image二知

konjunktur

523人浏览 · 2021-05-31 01:28:09

konjunktur · 2021-05-31 01:28:09 发布

一前言

侧滑对于Android来说实现方式多种多样,但是具体那种方式能满足我们的需求和适用场景那就很难说了,曾试过继承RecyclerView,自定义Adapter等方法,但是效果并不是很理想.最终定制版的WItemTouchHelperPlus符合了大部分的侧滑需求,它来自系统类的改造.下面来看下实现的效果.

仿qq的侧滑,跟随滑动...

26541fdc7d7f

image

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

26541fdc7d7f

image

二知识准备

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的一些弊端和好处:

弊端:

当处于滑动状态的时候不下发点击事件.

滑动的距离为RecyclerView的宽度,往往就是屏幕的宽度.

限制滑动距离之后,无法正常恢复侧滑(让滑动的View复位).

当Item手动滑动之后不能自由的自动的恢复侧滑(让滑动的View复位).

无法做到特定的Item不让侧滑.

总问言之侧滑不流畅.

好处:

侧滑布局的样式我们可以随意的更改.

滑动的距离可以随意的固定.

侧滑恢复的动画我们可以控制.

总而言之给了开发者很大的自由.

三改进版的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",用来标识该布局为侧滑滑动的布局用例:

//这个标识的布局就是我们能滑动的布局.

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;