Android中RecyclerView實(shí)現(xiàn)滑動(dòng)刪除與拖拽功能
前言
從Android 5.0開始，谷歌推出了新的控件RecyclerView，相對(duì)于早它之前的ListView，優(yōu)點(diǎn)多多，功能強(qiáng)大，也給我們的開發(fā)著提供了極大的便利，今天自己學(xué)習(xí)一下RecyclerView輕松實(shí)現(xiàn)滑動(dòng)刪除及拖拽的效果。
如下圖。
相信研究過(guò)RecyclerView的同學(xué)，應(yīng)該很清楚該怎么實(shí)現(xiàn)這樣的效果，若是用ListView,這樣的效果實(shí)現(xiàn)起來(lái)可能就有點(diǎn)麻煩，但是在強(qiáng)大的RecyclerView面前這樣的的效果只需很少的代碼，因?yàn)楣雀杞o我們提供了強(qiáng)大的工具類ItemTouchHelper，它已經(jīng)處理了關(guān)于RecyclerView拖動(dòng)和滑動(dòng)的實(shí)現(xiàn)，并且我們可以在其中實(shí)現(xiàn)我們自己的動(dòng)畫，以及定制我們想要的效果。
ItemTouchHelper.Callback
ItemTouchHelper.Callback有幾個(gè)重要的抽象方法，我們繼承該抽象類，并重寫抽象方法。它是我們實(shí)現(xiàn)滑動(dòng)和拖拽重要的回調(diào)。
int getMovementFlags(RecyclerView recyclerView, RecyclerView.ViewHolder viewHolder)
該方法返回一個(gè)整數(shù)，用來(lái)指定拖拽和滑動(dòng)在哪個(gè)方向是被允許的。在其中使用makeMovementFlags(int dragFlags, int swipeFlags)返回，該方法第一個(gè)參數(shù)用來(lái)指定拖動(dòng)，第二個(gè)參數(shù)用來(lái)指定滑動(dòng)。對(duì)于方向參數(shù)有6種
ItemTouchHelper.UP //滑動(dòng)拖拽向上方向 ItemTouchHelper.DOWN//向下 ItemTouchHelper.LEFT//向左 ItemTouchHelper.RIGHT//向右 ItemTouchHelper.START//依賴布局方向的水平開始方向 ItemTouchHelper.END//依賴布局方向的水平結(jié)束方向
boolean onMove(RecyclerView recyclerView, RecyclerView.ViewHolder viewHolder, RecyclerView.ViewHolder target)
onMove方法是拖拽的回調(diào)，參數(shù)viewHolder是拖動(dòng)的Item，target是拖動(dòng)的目標(biāo)位置的Item,該方法如果返回true表示切換了位置，反之返回false。
void onSwiped(RecyclerView.ViewHolder viewHolder, int direction)
onSwiped方法為Item滑動(dòng)回調(diào)，viewHolder為滑動(dòng)的item，direction為滑動(dòng)的方向。
上面三個(gè)方法是必須重寫的方法，當(dāng)然還有其它一些可供選擇的方法。
/** * Item是否支持長(zhǎng)按拖動(dòng) * * @return * true 支持長(zhǎng)按操作 * false 不支持長(zhǎng)按操作 */ boolean isLongPressDragEnabled() /** * Item是否支持滑動(dòng) * * @return * true 支持滑動(dòng)操作 * false 不支持滑動(dòng)操作 */ boolean isItemViewSwipeEnabled() /** * 移動(dòng)過(guò)程中繪制Item * * @param c * @param recyclerView * @param viewHolder * @param dX * X軸移動(dòng)的距離 * @param dY * Y軸移動(dòng)的距離 * @param actionState * 當(dāng)前Item的狀態(tài) * @param isCurrentlyActive * 如果當(dāng)前被用戶操作為true，反之為false */ onChildDraw(Canvas c, RecyclerView recyclerView, RecyclerView.ViewHolder viewHolder, float dX, float dY, int actionState, boolean isCurrentlyActive)
需要注意的是，如果我們想實(shí)現(xiàn)拖動(dòng)或者滑動(dòng)必須將上面是否支持拖動(dòng)或者滑動(dòng)的方法返回true，否則onMove或者onSwiped方法不會(huì)執(zhí)行。
功能實(shí)現(xiàn)
adapter=new CustomAdapter(getActivity(),strings); recycleview.setAdapter(adapter); ItemTouchHelper.Callback callback=new RecycleItemTouchHelper(adapter); ItemTouchHelper itemTouchHelper=new ItemTouchHelper(callback); itemTouchHelper.attachToRecyclerView(recycleview);
對(duì)于ItemTouchHelper 構(gòu)造方法接收一個(gè)ItemTouchHelper.Callback參數(shù)，而這個(gè)Callback就是我們?cè)谠谏鲜鲋v到的工具類，初始化ItemTouchHelper 后通過(guò)其attachToRecyclerView(@Nullable RecyclerView recyclerView)方法將我們實(shí)現(xiàn)的ItemTouchHelper.Callback和RecyclerView關(guān)聯(lián)，最終達(dá)到我們的效果，代碼看起來(lái)是不是很簡(jiǎn)單，接下來(lái)我們看下我們自定義的Callback。
package com.example.xh.adapter;
import android.content.res.Resources;
import android.graphics.Bitmap;
import android.graphics.BitmapFactory;
import android.graphics.Canvas;
import android.graphics.Paint;
import android.graphics.Rect;
import android.support.v7.widget.RecyclerView;
import android.support.v7.widget.helper.ItemTouchHelper;
import android.util.Log;
import android.view.View;
import com.example.xh.R;
import com.example.xh.utils.MyApplication;
/**
* Created by xiehui on 2017/2/23.
*/
public class RecycleItemTouchHelper extends ItemTouchHelper.Callback{
private static final String TAG ="RecycleItemTouchHelper" ;
private final ItemTouchHelperCallback helperCallback;
public RecycleItemTouchHelper(ItemTouchHelperCallback helperCallback) {
this.helperCallback = helperCallback;
}
/**
* 設(shè)置滑動(dòng)類型標(biāo)記
*
* @param recyclerView
* @param viewHolder
* @return
* 返回一個(gè)整數(shù)類型的標(biāo)識(shí)，用于判斷Item那種移動(dòng)行為是允許的
*/
@Override
public int getMovementFlags(RecyclerView recyclerView, RecyclerView.ViewHolder viewHolder) {
Log.e(TAG, "getMovementFlags: " );
//START 右向左 END左向右 LEFT 向左 RIGHT向右 UP向上
//如果某個(gè)值傳0，表示不觸發(fā)該操作，次數(shù)設(shè)置支持上下拖拽，支持向右滑動(dòng)
return makeMovementFlags(ItemTouchHelper.UP|ItemTouchHelper.DOWN,ItemTouchHelper.END );
}
/**
* Item是否支持長(zhǎng)按拖動(dòng)
*
* @return
* true 支持長(zhǎng)按操作
* false 不支持長(zhǎng)按操作
*/
@Override
public boolean isLongPressDragEnabled() {
return super.isLongPressDragEnabled();
}
/**
* Item是否支持滑動(dòng)
*
* @return
* true 支持滑動(dòng)操作
* false 不支持滑動(dòng)操作
*/
@Override
public boolean isItemViewSwipeEnabled() {
return super.isItemViewSwipeEnabled();
}
/**
* 拖拽切換Item的回調(diào)
*
* @param recyclerView
* @param viewHolder
* @param target
* @return
* 如果Item切換了位置，返回true；反之，返回false
*/
@Override
public boolean onMove(RecyclerView recyclerView, RecyclerView.ViewHolder viewHolder, RecyclerView.ViewHolder target) {
Log.e(TAG, "onMove: " );
helperCallback.onMove(viewHolder.getAdapterPosition(),target.getAdapterPosition());
return true;
}
/**
* 滑動(dòng)Item
*
* @param viewHolder
* @param direction
* Item滑動(dòng)的方向
*/
@Override
public void onSwiped(RecyclerView.ViewHolder viewHolder, int direction) {
Log.e(TAG, "onSwiped: ");
helperCallback.onItemDelete(viewHolder.getAdapterPosition());
}
/**
* Item被選中時(shí)候回調(diào)
*
* @param viewHolder
* @param actionState
* 當(dāng)前Item的狀態(tài)
* ItemTouchHelper.ACTION_STATE_IDLE 閑置狀態(tài)
* ItemTouchHelper.ACTION_STATE_SWIPE 滑動(dòng)中狀態(tài)
* ItemTouchHelper#ACTION_STATE_DRAG 拖拽中狀態(tài)
*/
@Override
public void onSelectedChanged(RecyclerView.ViewHolder viewHolder, int actionState) {
super.onSelectedChanged(viewHolder, actionState);
}
public interface ItemTouchHelperCallback{
void onItemDelete(int positon);
void onMove(int fromPosition,int toPosition);
}
}
在默認(rèn)情況下是支持拖動(dòng)和滑動(dòng)的，也就是isLongPressDragEnabled()和isItemViewSwipeEnabled()是返回true的。在該類中我們創(chuàng)建了一個(gè)接口ItemTouchHelperCallback并創(chuàng)建兩個(gè)抽象方法，分別表示拖拽和滑動(dòng)。在onMove方法中回調(diào)創(chuàng)建我們創(chuàng)建的接口方法接口onMove(int fromPosition,int toPosition) ，并將拖拽和 Item 的posion和目標(biāo)posion傳入，posion通過(guò)ViewHolder的getAdapterPosition()獲得，然后在滑動(dòng)回調(diào)方法onSwiped中回調(diào)onItemDelete(int positon) 。到這里我們自定義的ItemTouchHelper.Callback創(chuàng)建完成。
上面完成后我們只需要在我們自定義的Adapter中實(shí)現(xiàn)RecycleItemTouchHelper.ItemTouchHelperCallback接口，然后在回調(diào)方法中更新界面，如下Apdater中回調(diào)方法實(shí)現(xiàn)。
@Override
public void onItemDelete(int positon) {
list.remove(positon);
notifyItemRemoved(positon);
}
@Override
public void onMove(int fromPosition, int toPosition) {
Collections.swap(list,fromPosition,toPosition);//交換數(shù)據(jù)
notifyItemMoved(fromPosition,toPosition);
}
我們?cè)趏nItemDelete方法中刪除對(duì)應(yīng)posion的數(shù)據(jù)，在onMove方法中通過(guò)Collections.swap方法交換對(duì)應(yīng)項(xiàng)數(shù)據(jù)，然后分別調(diào)用notifyItemRemoved和notifyItemMoved通過(guò)適配器更新UI.
好了到這里功能已經(jīng)實(shí)現(xiàn)了，是不是發(fā)現(xiàn)代碼很少，當(dāng)然啰嗦的比較多而已。
功能升級(jí)
通過(guò)上面簡(jiǎn)單代碼的實(shí)現(xiàn)，已經(jīng)可以滑動(dòng)刪除和拖拽了，當(dāng)然不滿足的你可能發(fā)現(xiàn)滑動(dòng)刪除的時(shí)候沒(méi)有動(dòng)畫沒(méi)有背景，但是我想更改下背景并且在滑動(dòng)的過(guò)程會(huì)出現(xiàn)一個(gè)刪除的圖標(biāo)，給用戶反饋，讓其明白該操作是刪除數(shù)據(jù)的。當(dāng)然你還會(huì)想再刪除的過(guò)程中增加一個(gè)動(dòng)畫。其實(shí)實(shí)現(xiàn)這個(gè)效果也并不是很麻煩，接下來(lái)新的方法實(shí)現(xiàn)登場(chǎng)。哦，不對(duì)，前面提到過(guò)的。
onChildDraw(Canvas c, RecyclerView recyclerView, RecyclerView.ViewHolder viewHolder, float dX, float dY, int actionState, boolean isCurrentlyActive)
該方法就是移動(dòng)過(guò)程中繪制Item的回調(diào)。我們?cè)?code>actionState==ItemTouchHelper.ACTION_STATE_SWIPE時(shí)，即為滑動(dòng)的時(shí)候繪制背景和刪除圖片。
初始化
/**
* 移動(dòng)過(guò)程中繪制Item
*
* @param c
* @param recyclerView
* @param viewHolder
* @param dX
* X軸移動(dòng)的距離
* @param dY
* Y軸移動(dòng)的距離
* @param actionState
* 當(dāng)前Item的狀態(tài)
* @param isCurrentlyActive
* 如果當(dāng)前被用戶操作為true，反之為false
*/
@Override
public void onChildDraw(Canvas c, RecyclerView recyclerView, RecyclerView.ViewHolder viewHolder, float dX, float dY, int actionState, boolean isCurrentlyActive) {
//滑動(dòng)時(shí)自己實(shí)現(xiàn)背景及圖片
if (actionState==ItemTouchHelper.ACTION_STATE_SWIPE){
//dX大于0時(shí)向右滑動(dòng)，小于0向左滑動(dòng)
View itemView=viewHolder.itemView;//獲取滑動(dòng)的view
Resources resources= MyApplication.getAppContext().getResources();
Bitmap bitmap= BitmapFactory.decodeResource(resources, R.drawable.delete);//獲取刪除指示的背景圖片
int padding =10;//圖片繪制的padding
int maxDrawWidth=2*padding+bitmap.getWidth();//最大的繪制寬度
Paint paint=new Paint();
paint.setColor(resources.getColor(R.color.btninvalid));
int x=Math.round(Math.abs(dX));
int drawWidth=Math.min(x,maxDrawWidth);//實(shí)際的繪制寬度，取實(shí)時(shí)滑動(dòng)距離x和最大繪制距離maxDrawWidth最小值
int itemTop=itemView.getBottom()-itemView.getHeight();//繪制的top位置
//向右滑動(dòng)
if(dX>0){
//根據(jù)滑動(dòng)實(shí)時(shí)繪制一個(gè)背景
c.drawRect(itemView.getLeft(),itemTop,drawWidth,itemView.getBottom(),paint);
//在背景上面繪制圖片
if (x>padding){//滑動(dòng)距離大于padding時(shí)開始繪制圖片
//指定圖片繪制的位置
Rect rect=new Rect();//畫圖的位置
rect.left=itemView.getLeft()+padding;
rect.top=itemTop+(itemView.getBottom()-itemTop-bitmap.getHeight())/2;//圖片居中
int maxRight=rect.left+bitmap.getWidth();
rect.right=Math.min(x,maxRight);
rect.bottom=rect.top+bitmap.getHeight();
//指定圖片的繪制區(qū)域
Rect rect1=null;
if (x<maxRight){
rect1=new Rect();//不能再外面初始化，否則dx大于畫圖區(qū)域時(shí)，刪除圖片不顯示
rect1.left=0;
rect1.top = 0;
rect1.bottom=bitmap.getHeight();
rect1.right=x-padding;
}
c.drawBitmap(bitmap,rect1,rect,paint);
}
//繪制時(shí)需調(diào)用平移動(dòng)畫，否則滑動(dòng)看不到反饋
itemView.setTranslationX(dX);
}else {
//如果在getMovementFlags指定了向左滑動(dòng)（ItemTouchHelper。START）時(shí)則繪制工作可參考向右的滑動(dòng)繪制，也可直接使用下面語(yǔ)句交友系統(tǒng)自己處理
super.onChildDraw(c, recyclerView, viewHolder, dX, dY, actionState, isCurrentlyActive);
}
}else {
//拖動(dòng)時(shí)有系統(tǒng)自己完成
super.onChildDraw(c, recyclerView, viewHolder, dX, dY, actionState, isCurrentlyActive);
}
}
經(jīng)過(guò)上面的處理，發(fā)現(xiàn)此時(shí)滑動(dòng)可以看到我們定制的藍(lán)低的刪除背景了，此時(shí)可能還有疑問(wèn)，這樣刪除是不是很生硬，那就再給它加一個(gè)透明度的動(dòng)畫，如下。
float alpha = 1.0f - Math.abs(dX) / (float) itemView.getWidth();
itemView.setAlpha(alpha);
總結(jié)
好了，到這里RecyclerView實(shí)現(xiàn)滑動(dòng)刪除和拖拽功能的已經(jīng)介紹完畢了。希望本文的內(nèi)容對(duì)各位Android開發(fā)者們能帶來(lái)一定的幫助，如有問(wèn)題歡迎留言指出。
- Android開發(fā)在RecyclerView上面實(shí)現(xiàn)"拖放"和"滑動(dòng)刪除"-2
- Android一步步帶你在RecyclerView上面實(shí)現(xiàn)"拖放"和"滑動(dòng)刪除"功能
- android RecyclerView側(cè)滑菜單，滑動(dòng)刪除，長(zhǎng)按拖拽，下拉刷新上拉加載
- android RecyclerView實(shí)現(xiàn)條目Item拖拽排序與滑動(dòng)刪除
- Android 滑動(dòng)監(jiān)聽(tīng)RecyclerView線性流+左右劃刪除+上下移動(dòng)
- Android RecyclerView滑動(dòng)刪除和拖動(dòng)排序
- Android RecyclerView實(shí)現(xiàn)滑動(dòng)刪除
相關(guān)文章
這篇文章主要介紹了Android編程中EditText限制文字輸入的方法,涉及Android針對(duì)EditText的監(jiān)聽(tīng)技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-11-11
本文主要介紹了Android開發(fā)消息通知欄的相關(guān)知識(shí)。具有很好的參考價(jià)值。下面跟著小編一起來(lái)看下吧2017-04-04
AndroidQ分區(qū)存儲(chǔ)權(quán)限變更及適配的實(shí)現(xiàn)
這篇文章主要介紹了AndroidQ分區(qū)存儲(chǔ)權(quán)限變更及適配的實(shí)現(xiàn)，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2020-06-06
Android開發(fā)實(shí)現(xiàn)自定義新聞加載頁(yè)面功能實(shí)例
這篇文章主要介紹了Android開發(fā)實(shí)現(xiàn)自定義新聞加載頁(yè)面功能,結(jié)合具體實(shí)例形式分析了Android界面加載及頁(yè)面布局相關(guān)操作技巧,需要的朋友可以參考下2017-10-10
Android開發(fā)之TextView使用intent傳遞信息，實(shí)現(xiàn)注冊(cè)界面功能示例
這篇文章主要介紹了Android開發(fā)之TextView使用intent傳遞信息，實(shí)現(xiàn)注冊(cè)界面功能,涉及Android使用intent傳值及界面布局等相關(guān)操作技巧,需要的朋友可以參考下2019-04-04
Flutter StreamBuilder組件實(shí)現(xiàn)局部刷新示例講解
日常使用最多的局部刷新為Provider狀態(tài)管理 Selector，今天分享flutter框架自帶的StreamBuilder組件，該組件可做到局部刷新，使用簡(jiǎn)單且輕便2022-11-11
android studio 使用Mocklocation虛擬定位
這篇文章主要介紹了android studio 使用Mocklocation虛擬定位總結(jié)，本文分步驟給大家介紹的非常詳細(xì)，具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2019-12-12
這篇文章主要為大家詳細(xì)介紹了Android新聞廣告條滾動(dòng)效果的實(shí)現(xiàn)代碼，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2016-08-08
Android實(shí)現(xiàn)多媒體之播放音樂(lè)
這篇文章主要為大家詳細(xì)介紹了Android實(shí)現(xiàn)多媒體之播放音樂(lè)的相關(guān)資料，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-02-02
這篇文章主要為大家介紹了Android常用設(shè)計(jì)模式之原型模式詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2022-10-10