Android-WItemTouchHelperPlus几行代码搞定仿QQ侧滑

一 前言

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

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

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

二 知识准备

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

//这个标识的布局就是咱们能滑动的布局.
<TextView
        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;
            }
            holder.textView.setTranslationX(dX);
        }
        return;
    }
复制代码

而后就是使用咱们改进版的WItemTouchHelperPlus.Callback和WItemTouchHelperPlus来实现侧滑.基本使用和系统类别无差别.源码至关多,这里就再也不贴出具体能够去Github欢迎start

结束

这里只是大概的介绍了一下定制版WItemTouchHelperPlus和系统类的一些不一样,以及定制版的一些用法,但愿你们多多指导文章中出现的错误,欢迎你们的反馈,欢迎评论吐槽哦~

若是你们须要WItemTouchHelperPlus或者系统类ItemTouchHelper的源码解释的话请评论区留言哦~ 谢谢各位看官!
欢迎你们关注
个人掘金
个人CSDN
个人简书
Github

Demo地址,欢迎start

APK下载