一 前言
利用系統類ItemTouchHelper實現簡單高效的RecyclerView側滑菜單!
仿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的一些弊端和好處:
弊端:
1 當處於滑動狀態的時候不下發點擊事件.
2 滑動的距離爲RecyclerView的寬度,往往就是屏幕的寬度.
3 限制滑動距離之後,無法正常恢復側滑(讓滑動的View復位).
4 當Item手動滑動之後不能自由的自動的恢復側滑(讓滑動的View復位).
5 無法做到特定的Item不讓側滑.
6 總問言之側滑不流暢.
好處:
1 側滑佈局的樣式我們可以隨意的更改.
2 滑動的距離可以隨意的固定.
3 側滑恢復的動畫我們可以控制.
4 總而言之給了開發者很大的自由.
三 改進版的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