Android5.x:RecycleView(三):上下拖动和左右滑动删除

相关的类和方法

实现RecylerView的item可以上下拖动和左右滑动的效果需要使用类ItemTouchHelper+ItemTouchHelper.Callback,其中Callback需要重写它的方法,其余就比较简单了,只需要下面3行代码就可以实现”上下拖动和左右滑动删除”

MyItemTouchCallback callback = new MyItemTouchCallback();
ItemTouchHelper itemTouchHelper = new ItemTouchHelper(callback);
itemTouchHelper.attachToRecyclerView(recyclerView);

这里写图片描述

Step1: 自定义ItemTouchHelper.Callback

实现item的左右滑动删除和上下拖动必须自定义ItemTouchHelper.Callback,而自定义Callback必须重写3个方法、getMovementFlags(...)onMove(...)onSwipe(...),而且需要传入数据集合+adapter,如果不想传这2个参数,可以写个回调并且修改这3个方法(交给回调处理,在activity/fragment界面处理滑动和拖动时间)

public class MyItemTouchCallback extends ItemTouchHelper.Callback {

    private RecyclerViewAdapter adapter;
    private List<String> mData;

    public MyItemTouchCallback(RecyclerViewAdapter adapter, List<String> mData) {
        this.adapter = adapter;
        this.mData = mData;
    }

    /**
     * 设置ItemTouchHelper的类型
     */
    @Override
    public int getMovementFlags(RecyclerView recyclerView, RecyclerView.ViewHolder viewHolder) {
        int dragFlags = ItemTouchHelper.UP | ItemTouchHelper.DOWN;
        int swipeFlags = ItemTouchHelper.LEFT | ItemTouchHelper.RIGHT;
        return makeMovementFlags(dragFlags, swipeFlags);
    }

    /**
     * 上下拖动,
     * return true;//可以滑动
     */
    @Override
    public boolean onMove(RecyclerView recyclerView, RecyclerView.ViewHolder viewHolder, RecyclerView.ViewHolder target) {
        int fromPosition = viewHolder.getAdapterPosition();
        int toPosition = target.getAdapterPosition();

        Collections.swap(mData, fromPosition, toPosition);
        adapter.notifyItemMoved(fromPosition, toPosition);//局部更新,如果item有点击事件的话,会出错position,就不要用了
//        adapter.notifyDataSetChanged();//没有动画效果,但适用于item有点击事件的话
        return true;//true:可以滑动
    }

    /**
     * 左右滑动删除
     */
    @Override
    public void onSwiped(RecyclerView.ViewHolder viewHolder, int direction) {
        int position = viewHolder.getAdapterPosition();
        mData.remove(position);
        adapter.notifyItemRemoved(position);//局部更新,如果item有点击事件的话,会出错position,就不要用了
//        adapter.notifyDataSetChanged();//没有动画效果,但适用于item有点击事件的话
    }
}

Step2: 使用回调

@Override
protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_main);
    context = this;
    initData();
    recyclerView = (RecyclerView) findViewById(R.id.recyclerView);
    recyclerView.setLayoutManager(new LinearLayoutManager(context));
    recyclerView.setItemAnimator(new DefaultItemAnimator());
    recyclerView.addItemDecoration(new DividerItemDecoration(context,LinearLayoutManager.VERTICAL));

    RecyclerViewAdapter adapter = new RecyclerViewAdapter(mData);
    recyclerView.setAdapter(adapter);
    adapter.setOnItemClickListener(new RecyclerViewAdapter.OnItemClickListener() {
        @Override
        public void onItemClick(View view, int position) {
            ToastUtil.showShortToast(context,""+position);
        }
    });

    MyItemTouchCallback callback = new MyItemTouchCallback(adapter,mData);
    ItemTouchHelper itemTouchHelper = new ItemTouchHelper(callback);
    itemTouchHelper.attachToRecyclerView(recyclerView);
}

同理,设置GridLayoutManagerStaggeredGridLayoutManager也是一样的。

recyclerView.setLayoutManager(new GridLayoutManager(context,3));
recyclerView.setLayoutManager(new StaggeredGridLayoutManager(3,StaggeredGridLayoutManager.VERTICAL));

这里写图片描述 这里写图片描述

问题

1 当我们上下拖动或左右滑动的时候,空白区域是白色,怎么设为其他颜色?

我们可以给RecyclerView设置android:background="@android:color/darker_gray"

这里写图片描述

2 notifyItemRemoved(position)+notifyItemMoved(fromPosition, toPosition)引起点击事件bug?

第一张图:上下滑动;第二张图:左右滑动。
这里写图片描述 这里写图片描述

其他

Demo:http://git.oschina.net/Android5x/itemtouchhelperdemo
参考: RecyclerView实现滑动删除和拖拽功能

Android5.x:RecycleView(一):实现ListView + GridView + StaggeredGridLayou效果
Android5.x:RecycleView(二):单选 、多选、item背景色
Android5.x:RecycleView(三):上下拖动和左右滑动删除

  • 0
    点赞
  • 5
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值