RecyclerView 拖拽移动,滑动删除

简单记录一下常用的拖曳排序和滑动删除的实现。

ItemTouchHelper

主要就要使用到 ItemTouchHelper,它能帮助开发人员处理拖拽和滑动删除的实现类,它能够让你非常容易实现侧滑删除、拖拽的功能。

  /**
     * Creates an ItemTouchHelper that will work with the given Callback.
     * <p>
     * You can attach ItemTouchHelper to a RecyclerView via
     * {@link #attachToRecyclerView(RecyclerView)}. Upon attaching, it will add an item decoration,
     * an onItemTouchListener and a Child attach / detach listener to the RecyclerView.
     *
     * @param callback The Callback which controls the behavior of this touch helper.
     */
    public ItemTouchHelper(Callback callback) {
        mCallback = callback;
    }

由注释可以知道,他可以通过 attachToRecyclerView 和RecycleView 关联,通过回调来控制 itme 的行为的意思。
那么我们就需要来实例化一下

 ItemTouchHelper itemTouchHelper = new ItemTouchHelper(new ItemTouchHelper.Callback(){
            //同来设置 拖拽移动,或移动删除
            @Override
            public int getMovementFlags(RecyclerView recyclerView, RecyclerView.ViewHolder viewHolder) {
                return 0;
            }
            //在拖动中不断的回调这个方法
            @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 int getMovementFlags(RecyclerView recyclerView, RecyclerView.ViewHolder viewHolder) {
// ItemTouchHelper.RIGHT ,顾名思义 就是可以右滑,下面的意思都一样。
            int swiped = ItemTouchHelper.RIGHT | ItemTouchHelper.LEFT;
            //第一个参数拖动,第二个删除侧滑
            return makeMovementFlags(0, swiped);
        }

这样 设置就已经能侧滑删除,但是数据是不会顶替上去有改变的,而且选中的 item 也是没有高亮的
想要在 拖动和侧滑当中 选中的 Item 会高亮 就要重写下面这个方法。


GIF1.gif

高亮:

        @Override
        public void onSelectedChanged(RecyclerView.ViewHolder viewHolder, int actionState) {
            if (actionState!=ItemTouchHelper.ACTION_STATE_IDLE){
                viewHolder.itemView.setBackgroundColor(Color.parseColor("#303F9F"));
            }
        }

//actionState!=ItemTouchHelper.ACTION_STATE_IDLE 这句话的意思 判断 item 是否是处于闲置状态,就是有没有被你 拖动,侧滑。

然后在回收的时候,把颜色设置成默认的

        @Override
        public void clearView(RecyclerView recyclerView, RecyclerView.ViewHolder viewHolder) {
            super.clearView(recyclerView, viewHolder);
            viewHolder.itemView.setBackgroundColor(Color.TRANSPARENT);
        }
GIF2.gif

写完上的时候直接运行时会,选中高亮,但是发现我们的数据还是没有顶上去,为什么呢,因为我们没有在移除的时候去处理数据。

处理滑动后的数据:其实很简单,只要移除一下数据和,更新一下就好了

处理侧滑:

        @Override
        public void onSwiped(RecyclerView.ViewHolder viewHolder, int direction) {
            int position = viewHolder.getAdapterPosition();
            mdatas.remove(position);
            myAdapter.notifyItemRemoved(position);
        }

最后的滑动删除的结果:


GIF3.gif

拖动:

上面提到过,拖动和侧滑的回调的设置都是在同一个方法里的:

     @Override
     public int getMovementFlags(RecyclerView recyclerView, RecyclerView.ViewHolder viewHolder) {
            int swiped = ItemTouchHelper.RIGHT | ItemTouchHelper.LEFT;
            int dragFlags = 0;
//这里为什么要这么写?因为在 线性布局的时候一般是不需要刻意左右拖动
//所以在这里需要判断一下,是不是网格布局。是的话就可以上下左右一起拖动。
            if (recyclerView.getLayoutManager() instanceof GridLayoutManager) {
                dragFlags = ItemTouchHelper.UP | ItemTouchHelper.DOWN | ItemTouchHelper.RIGHT | ItemTouchHelper.LEFT;
            }else {
                dragFlags= ItemTouchHelper.UP | ItemTouchHelper.DOWN;
            }
            //第一个参数拖动,第二个删除侧滑
            return makeMovementFlags(dragFlags, swiped);
        }

这样设置后就可以拖动了,但是还没处理拖动的回调所以拖动松开是会回到原来的位置的:


GIF4.gif

拖动处理:

上面也提到了在拖动的时候回一直回调一个方法

        //在拖动的过程中不断的回掉
        @Override
        public boolean onMove(RecyclerView recyclerView, RecyclerView.ViewHolder viewHolder, RecyclerView.ViewHolder target) {
            int oldPosition = viewHolder.getAdapterPosition();
            int newPosition = target.getAdapterPosition();
            if (oldPosition < newPosition) {
                for (int i = oldPosition; i < newPosition; i++) {
                    // 改变实际的数据集
                    Collections.swap(mdatas, i, i +1);
                }
            } else {
                for (int i = oldPosition; i > newPosition; i--) {
                    // 改变实际的数据集
                    Collections.swap(mdatas, i, i - 1);
                }
            }
            myAdapter.notifyItemMoved(oldPosition, newPosition);
            return true;
        }

处理完后就是:


GIF6.gif

tip: 最后别忘记 itemTouchHelper.attachToRecyclerView(mRecyclerView); 需要关联 RecyclerView

全部代码:

 ItemTouchHelper itemTouchHelper = new ItemTouchHelper(new ItemTouchHelper.Callback(){
            @Override
            public int getMovementFlags(RecyclerView recyclerView, RecyclerView.ViewHolder viewHolder) {
                int swiped = ItemTouchHelper.RIGHT | ItemTouchHelper.LEFT;
                int dragFlags = 0;
                if (recyclerView.getLayoutManager() instanceof GridLayoutManager) {
                    dragFlags = ItemTouchHelper.UP | ItemTouchHelper.DOWN | ItemTouchHelper.RIGHT | ItemTouchHelper.LEFT;
                }else {
                    dragFlags= ItemTouchHelper.UP | ItemTouchHelper.DOWN;
                }
                //第一个参数拖动,第二个删除侧滑
                return makeMovementFlags(dragFlags, swiped);
            }

            @Override
            public boolean onMove(RecyclerView recyclerView, RecyclerView.ViewHolder viewHolder, RecyclerView.ViewHolder target) {
                int oldPosition = viewHolder.getAdapterPosition();
                int newPosition = target.getAdapterPosition();
                if (oldPosition < newPosition) {
                    for (int i = oldPosition; i < newPosition; i++) {
                        // 改变实际的数据集
                        Collections.swap(mdatas, i, i +1);
                    }
                } else {
                    for (int i = oldPosition; i > newPosition; i--) {
                        // 改变实际的数据集
                        Collections.swap(mdatas, i, i - 1);
                    }
                }
                myAdapter.notifyItemMoved(oldPosition, newPosition);
                return true;
            }
            @Override
            public void onSwiped(RecyclerView.ViewHolder viewHolder, int direction) {
                int position = viewHolder.getAdapterPosition();
                mdatas.remove(position);
                myAdapter.notifyItemRemoved(position);
            }
            @Override
            public void onSelectedChanged(RecyclerView.ViewHolder viewHolder, int actionState) {
                if (actionState!=ItemTouchHelper.ACTION_STATE_IDLE){
                    viewHolder.itemView.setBackgroundColor(Color.parseColor("#303F9F"));
                }
            }
            @Override
            public void clearView(RecyclerView recyclerView, RecyclerView.ViewHolder viewHolder) {
                super.clearView(recyclerView, viewHolder);
                viewHolder.itemView.setBackgroundColor(Color.TRANSPARENT);
            }
        });
        itemTouchHelper.attachToRecyclerView(mRecyclerView);
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 175,962评论 25 709
  • 用到的组件 1、通过CocoaPods安装 2、第三方类库安装 3、第三方服务 友盟社会化分享组件 友盟用户反馈 ...
    SunnyLeong阅读 14,964评论 1 180
  • 一份沉甸甸的梦想,看似浪漫的表面,实则需要付出比常人更多的精力和心血。在奋斗这条道路上,一马平川的少,坎坷崎岖的多...
    拐杠阅读 3,247评论 3 0
  • 今天又再一次来到了北京站,感觉那么陌生。 北京站我来过不下40次。 娘这一次来北京站回山东老家,有些不舍与无奈。 ...
    亮七阅读 1,378评论 1 0
  • PHP 是一种创建动态交互性站点的强有力的服务器端脚本语言。 脚本语言有很多种,像是我们常见的Cmd命令也可以算是...
    素然年华阅读 1,490评论 0 0

友情链接更多精彩内容