RecyclerView 的拖拽和长按变化Item的位置，设置左右滑动删除数据和滑动改变背景等

最新推荐文章于 2023-10-23 20:22:08 发布

ChloeDimen

最新推荐文章于 2023-10-23 20:22:08 发布

阅读量1.6k

点赞数 1

CC 4.0 BY-SA版权

分类专栏：移动开发

本文链接：https://blog.youkuaiyun.com/jim19890923/article/details/80693746

移动开发专栏收录该内容

33 篇文章

订阅专栏

本文详细介绍如何使用ItemTouchHelper实现RecyclerView的拖拽排序、长按拖拽、左右滑动删除及滑动背景变化等功能。提供了自定义回调类MyItemTouchHelperCallback的实现方式，并解释了如何通过监听方向和状态来完成各项操作。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

项目地址：https://github.com/ChloeDimen/RecyclerviewDemo点击打开链接

1：想要实现RecyclerView 的拖拽和长按变化Item的位置，设置左右滑动删除数据和滑动改变背景的关键字：ItemTouchHelper

关键代码：

MyItemTouchHelperCallBack callback = new MyItemTouchHelperCallBack(adapter);
 itemTouchHelper = new ItemTouchHelper(callback);
itemTouchHelper.attachToRecyclerView(rl_data);

2：主要是实现MyItemTouchHelperCallback继承ItemTouchHelper.callback

public class MyItemTouchHelperCallBack extends ItemTouchHelper.Callback {
    private ItemTouchMoveListener mItemTouchMoveListener;

    public MyItemTouchHelperCallBack(ItemTouchMoveListener itemTouchMoveListener) {
        mItemTouchMoveListener = itemTouchMoveListener;
    }

    //callback回调监听先调用的，用来判断是什么动作，比如判断方向（意思就是我要监听那个方向的拖到）
    @Override
    public int getMovementFlags(RecyclerView recyclerView, RecyclerView.ViewHolder viewHolder) {
        //方向Up,down.left,right
        //ItemTouchHelper.UP,ItemTouchHelper.DOWN,ItemTouchHelper.LEFT,ItemTouchHelper.RIGHT
        int dragFlags = ItemTouchHelper.UP | ItemTouchHelper.DOWN;//添加上下滑动
        //int swipeFlags = 0;
        int swipeFlags = ItemTouchHelper.LEFT | ItemTouchHelper.RIGHT;//添加左右滑动
        int flags = makeMovementFlags(dragFlags, swipeFlags);


        return flags;
    }

    //当移动的时候回调的方法
    @Override
    public boolean onMove(RecyclerView recyclerView, RecyclerView.ViewHolder viewHolder, RecyclerView.ViewHolder target) {
        if (viewHolder.getItemViewType() != target.getItemViewType()) {//条目布局不同，就不交换位置
            return false;
        }


        //adapter.notifyItemMoved(fromPosition，toPosition);改变拖拽item位置
        mItemTouchMoveListener.onItemMove(viewHolder.getAdapterPosition(), target.getAdapterPosition());
        return false;
    }

    //侧滑
    @Override
    public void onSwiped(RecyclerView.ViewHolder viewHolder, int direction) {
        //监听侧滑1:删除数据；2：adapter.notifyItemRemove（position）
        mItemTouchMoveListener.onItemRemove(viewHolder.getAdapterPosition());

    }

    //item改变状态
    @Override
    public void onSelectedChanged(RecyclerView.ViewHolder viewHolder, int actionState) {

        //判断选择状态,改变背景颜色
        if (actionState != ItemTouchHelper.ACTION_STATE_IDLE) {
            viewHolder.itemView.setBackgroundColor(viewHolder.itemView.getContext().getResources().getColor(R.color.colorPrimary));

        }
        super.onSelectedChanged(viewHolder, actionState);

    }

    //状态背景颜色复原

    @Override
    public void clearView(RecyclerView recyclerView, RecyclerView.ViewHolder viewHolder) {

        viewHolder.itemView.setBackgroundColor(Color.WHITE);

        super.clearView(recyclerView, viewHolder);
    }

    @Override
    public void onChildDraw(Canvas c, RecyclerView recyclerView, RecyclerView.ViewHolder viewHolder, float dX, float dY, int actionState, boolean isCurrentlyActive) {
        //dx,侧滑改变特效
if (actionState==ItemTouchHelper.ACTION_STATE_SWIPE){
    //设置透明度1-0
    float result = Math.abs(dX) / viewHolder.itemView.getWidth();
    viewHolder.itemView.setAlpha(result);

    //旋转
    viewHolder.itemView.setScaleX(result);
    viewHolder.itemView.setScaleY(result);

}

        super.onChildDraw(c, recyclerView, viewHolder, dX, dY, actionState, isCurrentlyActive);
    }

    @Override
    public boolean isLongPressDragEnabled() {
        //是否允许长按拖拽
        return true;
    }


}

3:实现两个接口，分别拖拽效果和删除条目和移动条目的功能

public interface OnStartDragListener {
    /**
     * 该接口用于需要主动回调拖拽效果的
     * @param viewHolder
     */
    void onStartDrag(RecyclerView.ViewHolder viewHolder);

}

public interface ItemTouchMoveListener {
    /**
     * 当拖拽的时候回调
     * 可以在此方法实现拖拽条目，并实现刷新效果
     * @param fromPosition 从什么位置拖拽
     * @param toPosition 到什么位置
     * @return  是否执行
     */
    boolean onItemMove(int fromPosition, int toPosition);

    /**
     * 当条目被移除的回调
     * @param position
     * @return
     */
    boolean onItemRemove( int position);
}

4：adapter实现两个接口

public interface ItemTouchMoveListener {
    /**
     * 当拖拽的时候回调
     * 可以在此方法实现拖拽条目，并实现刷新效果
     * @param fromPosition 从什么位置拖拽
     * @param toPosition 到什么位置
     * @return  是否执行
     */
    boolean onItemMove(int fromPosition, int toPosition);

    /**
     * 当条目被移除的回调
     * @param position
     * @return
     */
    boolean onItemRemove( int position);
}

5：长按改变背景和拖拽改变位置效果

关键代码：

方向判断：

//callback回调监听先调用的，用来判断是什么动作，比如判断方向（意思就是我要监听那个方向的拖到）
@Override
public int getMovementFlags(RecyclerView recyclerView, RecyclerView.ViewHolder viewHolder) {
    //方向Up,down.left,right
    //ItemTouchHelper.UP,ItemTouchHelper.DOWN,ItemTouchHelper.LEFT,ItemTouchHelper.RIGHT
    int dragFlags = ItemTouchHelper.UP | ItemTouchHelper.DOWN;//添加上下滑动
    //int swipeFlags = 0;
    int swipeFlags = ItemTouchHelper.LEFT | ItemTouchHelper.RIGHT;//添加左右滑动
    int flags = makeMovementFlags(dragFlags, swipeFlags);


    return flags;
}

长按：

   @Override
public boolean isLongPressDragEnabled() {
    //是否允许长按拖拽
    return true;
}

改变位置

@Override
 public boolean onItemMove(int fromPosition, int toPosition) {
     //1:数据交换；  2：刷新

     Collections.swap(number,fromPosition,toPosition);
     notifyItemMoved(fromPosition,toPosition);
     return false;
 }

6：按下图片拖拽

关键代码：监听按下的状态

holder.iv_data.setOnTouchListener(new View.OnTouchListener() {
    @Override
    public boolean onTouch(View v, MotionEvent event) {
        if (event.getAction() == MotionEvent.ACTION_DOWN) {
            //传递触摸情况给谁，进行按下图片拖拽
            mListener.onStartDrag(holder);
        }

        return false;
    }
});

实现拖拽功能：

@Override
public void onStartDrag(RecyclerView.ViewHolder viewHolder) {
    itemTouchHelper.startDrag(viewHolder);
}

7：左右滑动删除条目和透明度，旋转。。效果

关键代码：

//callback回调监听先调用的，用来判断是什么动作，比如判断方向（意思就是我要监听那个方向的拖到）
@Override
public int getMovementFlags(RecyclerView recyclerView, RecyclerView.ViewHolder viewHolder) {
    //方向Up,down.left,right
    //ItemTouchHelper.UP,ItemTouchHelper.DOWN,ItemTouchHelper.LEFT,ItemTouchHelper.RIGHT
    int dragFlags = ItemTouchHelper.UP | ItemTouchHelper.DOWN;//添加上下滑动
    //int swipeFlags = 0;
    int swipeFlags = ItemTouchHelper.LEFT | ItemTouchHelper.RIGHT;//添加左右滑动
    int flags = makeMovementFlags(dragFlags, swipeFlags);


    return flags;
}

//侧滑
@Override
public void onSwiped(RecyclerView.ViewHolder viewHolder, int direction) {
    //监听侧滑1:删除数据；2：adapter.notifyItemRemove（position）
    mItemTouchMoveListener.onItemRemove(viewHolder.getAdapterPosition());

}

 @Override
public boolean onItemRemove(int position) {
    //1:删除数据；  2：刷新
    number.remove(position);
    notifyItemRemoved(position);
    return false;
}

 @Override
    public void onChildDraw(Canvas c, RecyclerView recyclerView, RecyclerView.ViewHolder viewHolder, float dX, float dY, int actionState, boolean isCurrentlyActive) {
        //dx,侧滑改变特效
if (actionState==ItemTouchHelper.ACTION_STATE_SWIPE){
    //设置透明度1-0
    float result = Math.abs(dX) / viewHolder.itemView.getWidth();
    viewHolder.itemView.setAlpha(result);

    //旋转
    viewHolder.itemView.setScaleX(result);
    viewHolder.itemView.setScaleY(result);

}

8：item选中滑动效果（背景改变。。。。）

关键代码：

//item改变状态
@Override
public void onSelectedChanged(RecyclerView.ViewHolder viewHolder, int actionState) {

    //判断选择状态,改变背景颜色
    if (actionState != ItemTouchHelper.ACTION_STATE_IDLE) {
        viewHolder.itemView.setBackgroundColor(viewHolder.itemView.getContext().getResources().getColor(R.color.colorPrimary));

    }
    super.onSelectedChanged(viewHolder, actionState);

}

//状态背景颜色复原

@Override
public void clearView(RecyclerView recyclerView, RecyclerView.ViewHolder viewHolder) {

    viewHolder.itemView.setBackgroundColor(Color.WHITE);

    super.clearView(recyclerView, viewHolder);
}