18年底的時候,自己寫了一個仿MIUI懸浮球的項目。當中有一個拖動排序功能菜單的功能,做之前了解到RecyclerView官方有提供拽托和側(cè)滑的幫助類ItemTouchHelper,所以毫不猶豫就用RecyclerView來實現(xiàn)了。

仿MIUI懸浮球,拽托排序菜單.gif
基本使用
使用非常簡單,只需要2步,ItemTouchHelper.Callback需要復(fù)寫的方法,在代碼里注釋都有寫,大家一看就明白。RecyclerView的Adapter和條目Item布局我就不貼了,不是本文重點。
- 創(chuàng)建ItemTouchHelper實例,定義ItemTouchHelper.Callback子類,復(fù)寫方法。
public class CustomMenuItemTouchCallback extends ItemTouchHelper.Callback {
private OnItemMoveCallback mOnItemMoveCallback;
public CustomMenuItemTouchCallback(OnItemMoveCallback onItemMoveCallback) {
this.mOnItemMoveCallback = onItemMoveCallback;
}
/**
* 設(shè)置支持滑動的方向
*/
@Override
public int getMovementFlags(@NonNull RecyclerView recyclerView, @NonNull RecyclerView.ViewHolder viewHolder) {
int dragFlags;
int swipeFlags = 0;
RecyclerView.LayoutManager layoutManager = recyclerView.getLayoutManager();
//網(wǎng)格允許上下左右
if (layoutManager instanceof GridLayoutManager) {
dragFlags = ItemTouchHelper.UP | ItemTouchHelper.DOWN |
ItemTouchHelper.LEFT | ItemTouchHelper.RIGHT;
} else {
dragFlags = ItemTouchHelper.UP | ItemTouchHelper.DOWN;
}
return makeMovementFlags(dragFlags, swipeFlags);
}
/**
* 是否長按后才進行操作拽托操作
*/
@Override
public boolean isLongPressDragEnabled() {
super.isLongPressDragEnabled();
return true;
}
/**
* 是否支持條目滑動,我們只需要拽托,所以這個滑動我們不需要
*/
@Override
public boolean isItemViewSwipeEnabled() {
super.isItemViewSwipeEnabled();
//不支持Item滑動
return false;
}
/**
* 發(fā)生拽托時,回調(diào)該方法,返回true、false決定是否可以拽托,可以使用target參數(shù)判斷條目的ViewType來決定
*/
@Override
public boolean canDropOver(@NonNull RecyclerView recyclerView, @NonNull RecyclerView.ViewHolder current, @NonNull RecyclerView.ViewHolder target) {
if (mOnItemMoveCallback != null) {
boolean isCanMove = mOnItemMoveCallback.isCanMove(current, target);
//如果不能拖,直接攔截
if (!isCanMove) {
return false;
}
}
return super.canDropOver(recyclerView, current, target);
}
/**
* 條目發(fā)生交換時回調(diào)
*/
@Override
public boolean onMove(@NonNull RecyclerView recyclerView, @NonNull RecyclerView.ViewHolder viewHolder, @NonNull RecyclerView.ViewHolder target) {
//Item交換回調(diào),交換adapter的數(shù)據(jù)
if (mOnItemMoveCallback != null) {
mOnItemMoveCallback.onItemMove(viewHolder.getAdapterPosition(), target.getAdapterPosition());
}
return true;
}
/**
* 當滑動時回調(diào),我們只有拽托,所以不處理
*/
@Override
public void onSwiped(@NonNull RecyclerView.ViewHolder viewHolder, int i) {
//不支持滑動,不做處理
}
/**
* 提供給外部實現(xiàn)的接口
*/
public interface OnItemMoveCallback {
/**
* 是否可以移動,
*
* @param current 當前拽托的條目
* @param target 想交換的位置的條目
*/
boolean isCanMove(RecyclerView.ViewHolder current, @NonNull RecyclerView.ViewHolder target);
/**
* Item移動交換回調(diào),這個回調(diào)要做Adapter數(shù)據(jù)交換
*
* @param fromPosition 從哪個位置
* @param toPosition 到哪個位置
*/
void onItemMove(int fromPosition, int toPosition);
}
}
-
OnItemMoveCallback,自己定義的回調(diào)接口,主要是將:
- isCanMove(),拽托前,判斷是否可以拽托。
- onItemMove(),發(fā)生拽托后,數(shù)據(jù)改變。
ItemTouchHelper.attachToRecyclerView(),將RecyclerView依附到ItemTouchHelper。
//條目數(shù)據(jù)
private val mDatas: ArrayList<FloatWindowActionModel> by lazy {
ArrayList<FloatWindowActionModel>()
}
val touchCallback = CustomMenuItemTouchCallback(object : CustomMenuItemTouchCallback.OnItemMoveCallback {
override fun isCanMove(current: RecyclerView.ViewHolder, target: RecyclerView.ViewHolder): Boolean {
//這里我簡單判斷,2種ViewType類型相同的條目才可以互換
return current.itemViewType == target.itemViewType
}
override fun onItemMove(fromPosition: Int, toPosition: Int) {
//交換數(shù)據(jù)
Collections.swap(mDatas, fromPosition, toPosition)
mAdapter.notifyItemMoved(fromPosition, toPosition)
//將新數(shù)據(jù)保存到本地
saveNewActions(mDatas);
}
})
val itemTouchHelper = ItemTouchHelper(touchCallback)
itemTouchHelper.attachToRecyclerView(mRecyclerView)
項目地址
如果大家有興趣的話,可以看一下這個仿MIUI懸浮球的項目。Github地址