ItemTouchHelper-拖動排序

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

仿MIUI懸浮球,拽托排序菜單.gif

基本使用

使用非常簡單,只需要2步,ItemTouchHelper.Callback需要復(fù)寫的方法,在代碼里注釋都有寫,大家一看就明白。RecyclerView的Adapter和條目Item布局我就不貼了,不是本文重點。

  1. 創(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);
    }
}
  1. OnItemMoveCallback,自己定義的回調(diào)接口,主要是將:

    1. isCanMove(),拽托前,判斷是否可以拽托。
    2. onItemMove(),發(fā)生拽托后,數(shù)據(jù)改變。
  2. 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地址

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

友情鏈接更多精彩內(nèi)容