RecyclerView 拖拽移动,滑动删除

2018-04-21  本文已影响0人  波波维奇c

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

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);
上一篇下一篇

猜你喜欢

热点阅读