Android-WItemTouchHelperPlus幾行程式碼搞定仿QQ側滑

那個人發表於2019-03-04

一前言

側滑對於Android來說實現方式多種多樣,但是具體那種方式能滿足我們的需求和適用場景那就很難說了,曾試過繼承RecyclerView,自定義Adapter等方法,但是效果並不是很理想.最終定製版的WItemTouchHelperPlus符合了大部分的側滑需求,它來自系統類的改造.下面來看下實現的效果.

仿qq的側滑,跟隨滑動…

Android-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;
    }
複製程式碼